react-router 状态管理

Question

场景：我想实现的是这样的一个结构 用的是antd，下图是代码：

我了解一下：
1、react-router 不能跟vue-router 一样 封装一个公共router的文件吗？
2、渲染的方式 只能用Switch进行判断吗？不能拆分组件吗？只能写在当前的组件里面 进行视图渲染吗？
3、如果是我左侧菜单进行点击 是不是在onClick 事件里面进行 判断跳转？

官方文档我已经看了 但是好像视图渲染的方式都是这样的、没有什么特别的 想知道大家是怎么做的

Answer 1

不能跟vue-router 一样

看这个:
react-router-dom 嵌套路由

Answer 2

BrowserRouter > Layout > Switch > Route 你要实现的应该是这样把。在Layout中用 useLocation、useHistory 来进行路由跳转和访问