How do you define a dynamic route parameter in React Router?

4 phương ánCó giải thích

Các phương án trả lời

Chọn một phương án
Lời giảiChọn phương án để mở

Đáp án đúng: "

Lời giải
<Route path="/user/:id" component={
  UserProfile
}
/>

". Trong React Router, dấu hai chấm đặt trước một đoạn đường dẫn đánh dấu tham số động: path="/user/:id" khớp /user/42 hay /user/abc và đưa giá trị đó vào match.params.id ở v5 hoặc useParams() ở v6. Prop component={UserProfile} là cú pháp v5 (v6 viết element), nhưng điểm được hỏi là dấu hai chấm. "

Lời giải
<Route path="/user/id" component={
  UserProfile
}
/>

" là đường dẫn tĩnh, chỉ khớp đúng chữ id. "

Lời giải
<Route path="/user?=id" component={
  UserProfile
}
/>

" dùng ký hiệu của chuỗi truy vấn; phần sau dấu hỏi không thuộc path nên không khai báo được tham số theo cách này. "

Lời giải
<Route path="/user={id}" component={
  UserProfile
}
/>

" đặt dấu bằng và ngoặc nhọn vào path, cú pháp đường dẫn không hiểu chúng là tham số mà coi như ký tự thường.

Cùng phần 7

Xuất hiện trong 1 bộ đề