Reactjs 在React+Redux中处理多级菜单_Reactjs_Redux

Reactjs 在React+Redux中处理多级菜单

reactjs redux

Reactjs 在React+Redux中处理多级菜单,reactjs,redux,Reactjs,Redux,我正在投影类似Photoshop的应用程序，如下所示： [ Sidebar ] [ Sub-Sidebar ] [ Main Application ] 侧边栏中大约有10个位置，单击每个位置都会重新加载子侧边栏，但除此之外，没有其他内容，尤其是主应用程序。每个子边栏都有不同的，有时是大量的选项，我不知道这里的正确方法是什么我想我想通过Redux推送每一次点击，但如何为每一种情况加载子边栏呢我想在侧边栏的减速器中返回正确的组件，但我不知道这是否是一个好的/有效的模式？我总是可以加载所有的子

我正在投影类似Photoshop的应用程序，如下所示：

[ Sidebar ] [ Sub-Sidebar ] [ Main Application ]

侧边栏中大约有10个位置，单击每个位置都会重新加载子侧边栏，但除此之外，没有其他内容，尤其是主应用程序。每个子边栏都有不同的，有时是大量的选项，我不知道这里的正确方法是什么

我想我想通过Redux推送每一次点击，但如何为每一种情况加载子边栏呢

我想在侧边栏的减速器中返回正确的组件，但我不知道这是否是一个好的/有效的模式？我总是可以加载所有的子边栏并像jQuery那样切换它们，但我不想一次加载它们，因为其中一些包含数十种纹理等

谢谢你的提示。

你考虑过使用吗

每个侧栏元素都可以是链接，用于加载应用程序中的特定路径

<Link to="/sub/subA" > SubA </Link>

可以使用链接创建不同的子侧栏，然后由主应用程序部分根据需要处理这些链接。

但不会重新呈现页面上的所有内容，而不是一个简单的侧栏？

<Route path="/sub/subA" component={SubMenuA}/>