我希望我的反应应用程序像这样构建
在蓝色的左侧,我有一些菜单按钮List A
和List B
我可以用来在基础列表(带有项目的蓝色框)之间切换。可以单击列表项以查看其详细信息
在绿色的右侧,我想要显示其中一个点击的蓝色项目的详细信息视图。
当我在左侧列表之间切换时,我希望详细信息视图不变,反之亦然。
因此,对于上图,我需要同时处于活动状态的路径。像这样:
http://myapp.com?route=/list_a&route=/details/a3
我的应用程序是使用React构建的,我目前正在使用react-router。
是否有可能通过react-router实现类似的功能?或者我需要自己实现这种路由?
我可以管理的是在列表之间切换或在项目详细信息之间切换,因为使用的<Route .../>
元素始终与精确模式匹配。