Как сделать одностраничное приложение, когда на некоторых страницах есть другие меню

Question

Я не уверен, правильно ли сформулировал свою проблему, но в основном я пытаюсь сделать одностраничное приложение с помощью React. До сих пор все было довольно плавно изменяться между страницами с главной навигационной панели с помощью React Routes, которые я узнал, следуя этому руководству: https://www.kirupa.com/react/creating_single_page_app_react_using_react_router.htm

Однако, то, над чем я работаю, также имеет вторичные меню на каждой странице, которые изменяют другие вещи, отображаемые на экране. Я сделал простой рисунок на краске, пытаясь объяснить, что я пытаюсь сделать здесь: Итак, что я могу сделать, чтобы изменить то, что отображается справа, нажав на меню слева? Это какой-то второй «слой» реактивных маршрутов? Включить ли я на главной странице, где я определил все страницы?

Спасибо!

Answer 1

Посмотрите здесь:

https://github.com/ReactTraining/react-router/blob/master/docs/guides/RouteConfiguration.md#adding-an-index

Вы можете вложить свои маршруты.