Which of the following is a valid way to declare a route in React Router v6?

Đáp án đúng: "<Route path="/home" element={ <Home /> } />". React Router v6 đổi cách khai báo tuyến: Route nhận prop element với giá trị là một phần tử React đã viết sẵn, tức <Home />, và các Route phải nằm trong Routes; nhờ truyền phần tử thay vì tham chiếu component, ta có thể truyền prop trực tiếp như

<Home user={
  user
}
/>

. "

<Route path="home" component={
  Home
}
/>

" sai vì prop component là cú pháp của React Router v5, đã bị bỏ ở v6 nên Route không hiển thị gì. "

<Route path="/home" render={
  () => <Home />

} />" sai vì prop render cũng thuộc v5, dùng để truyền hàm trả về phần tử, v6 thay hẳn bằng element. "

<Route component={
  Home
}
path="/home" />

" sai vì thứ tự prop không quan trọng trong JSX, vấn đề vẫn là prop component của v5 không còn được v6 hỗ trợ.