reactjs - React、动态 ANTD 选项卡和路由器

Question

我是 reactJS 的新手，在尝试创建动态（antd）选项卡时会感到困惑。

基本上，我在应用程序中有两层，第一层是侧边菜单栏，位于屏幕左侧，第二层是内容页面，用选项卡表示。Sidemenu 有一些可变数量的菜单按钮（模块）。当每个按钮被按下时，React 会将该模块（每个模块由单独的 JSfile 表示）渲染到新的 Tab 面板内的内容层。模块页面本身，可以在选项卡上复制。

为此，我创建了一个 sidemenu.js，其中包含一个菜单按钮（及其相应的 URL），以及 appPages.js 来保存将呈现特定模块的选项卡。

如何使它成为可能？我应该在哪里写路由（react-router-dom）？我搜索了这个主题，发现它使用相同的 js 文件解决，而不是单独的文件或组件。

请在此处查看我的沙箱：https ://codesandbox.io/s/dynamictabs-83mop

谢谢你。非常感谢您的帮助，对我的英语感到抱歉。

标签： reactjsdynamictabsrouter