Trung BìnhReact iconReact

Nested routes trong React Router v6 hoạt động như thế nào?

Nested routes dùng <Outlet /> component để render child routes.

  • Parent route render layout, Outlet là nơi child route render: <Route path='/dashboard' element={<DashboardLayout />}><Route index element={<Overview />} /><Route path='settings' element={<Settings />} /></Route>.
  • Child route paths relative, không cần lặp lại parent path.

Xem toàn bộ React cùng filter theo level & chủ đề con.

Mở danh sách React