javascript - 当某些页面有其他菜单时如何制作 react 单页面应用程序

Question

我不确定我的问题措辞是否恰当，但基本上我正在尝试使用 React 制作一个单页面应用程序。到目前为止，通过使用 React Routes，在主导航栏之间的页面之间的切换一切都非常顺利，我是通过遵循本教程学习的:https://www.kirupa.com/react/creating_single_page_app_react_using_react_router.htm

但是，我正在处理的内容在每个页面中还有二级菜单，可以更改屏幕上显示的其他内容。我在油漆上画了一个简单的图画，试图解释我在这里要做的事情: 那么如何通过点击左侧菜单来更改右侧显示的内容呢？它是 react 路线的某种第二“层”吗？我是否包含在我定义所有页面的主页中？

谢谢!

Answer 1

看看这里:

https://github.com/yamill/React-Boilerplate/blob/master/node_modules/react-router/docs/guides/RouteConfiguration.md#adding-an-index

您可以嵌套您的路线。