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

Nested route dùng component <Outlet /> làm chỗ cắm cho route con.

Route cha render layout dùng chung, <Outlet /> đánh dấu vị trí nội dung con hiện ra.

<Route path="/dashboard" element={<DashboardLayout />}>
  <Route index element={<Overview />} />
  <Route path="settings" element={<Settings />} />
</Route>

Đường dẫn của route con là tương đối — không phải lặp lại path của route cha.