如何在react应用程序中同时使用多个("命名的"?)路由?

时间:2017-12-07 17:18:41

标签: reactjs react-router

我希望我的反应应用程序像这样构建

enter image description here

在蓝色的左侧,我有一些菜单按钮List AList B我可以用来在基础列表(带有项目的蓝色框)之间切换。可以单击列表项以查看其详细信息 在绿色的右侧,我想要显示其中一个点击的蓝色项目的详细信息视图。

当我在左侧列表之间切换时,我希望详细信息视图不变,反之亦然。

因此,对于上图,我需要同时处于活动状态的路径。像这样:

http://myapp.com?route=/list_a&route=/details/a3

我的应用程序是使用React构建的,我目前正在使用react-router。

是否有可能通过react-router实现类似的功能?或者我需要自己实现这种路由?

我可以管理的是在列表之间切换或在项目详细信息之间切换,因为使用的<Route .../>元素始终与精确模式匹配。

0 个答案:

没有答案