我是ReactJS的新手，尝试创建动态（antd）标签时会感到困惑。
基本上，我在应用程序中有两层，第一层是Sidemenu Bar，位于屏幕左侧，第二层是内容页面，由选项卡表示。 侧面菜单具有一些可变数量的菜单按钮（模块）。当按下每个按钮时，React将在新的Tab面板中将该模块（每个模块由单独的JSfile表示）呈现到内容层。模块页面本身，可以在选项卡上复制。
为此，我创建了一个sidemenu.js，其中包含一个菜单按钮（及其相应的URL），以及一个appPages.js来保存将呈现特定模块的Tabs。
如何使其成为可能？我应该在哪里写路由（react-router-dom）？ 我搜索了这个主题，发现使用相同的js文件（而不是单独的文件或组件）解决了该问题。
请在此处检查我的沙盒：https://codesandbox.io/s/dynamictabs-83mop
谢谢。非常感谢您的帮助，非常抱歉我的英语水平。