Hay enrutamiento en el nivel superior con enrutamiento interno, surgió la pregunta de agregar enrutamiento dentro de componentes como ProductsPage, ElementsPage, etc.

 <BrowserRouter> <Routes> <Route path='/' element={<PageLayout />}> <Route path='marketplace'> <Route path='products' element={<ProductsPage />} /> <Route path='constituents' element={<ElementsPage />} /> <Route path='resources' element={<ResourcesPage />} /> <Route path='shopping' element={<ShoppingPage />} /> </Route> <Route path='resource-center'> <Route path='planner' element={<>планирование</>} /> <Route path='resources' element={<>resources</>} /> </Route> <Route path='*' element={<>Страница не найдена 404</>} /> </Route> </Routes> </BrowserRouter>

La pregunta es cómo hacer esto en la versión 6. Porque antes de la versión cinco, fácilmente podía lanzar un interruptor en un componente a la ProductsPage y especificar rutas en el interruptor.