Как сделать роутинг для вложенных страниц?

Question

[96Nick]

Всем привет! Есть сайдбар с выпадающими вложенными страницами и на этих страницах одинаковый контент, который должен подтягиваться с апихи. Как реализовать для этого роутинг и как лучше сделать определение страницы чтоб получать контент с апи?

Comments

[Kentavr16]

С помощью react-router-dom и параметров URL(useParams). Собственно официальная документация с примерами по вопросу.

Answer 1

[luxurypluxury]

А зачем куча страниц с одинаковым контентом?
Если хоть что-то разное то прокидывайте какой-то slug в url страницы и получайте его уже с помощью useParams().

А потом уже запросом с сервера данные получаете.

Вложенность роутов делается примерно так:

<Route path='/posts' element={<PostsPage />}>
   <Route path='/posts/:id' element={<Post/>}/>
</Route>

Чтобы получить query параметры из url:
const { id } = useParams();