1.首选需要运用rtk得切片slice函数来对store仓库做出封装创建,之后在initialState创建两个数组,分别是menus菜单数组,和router路由数组
2.在initialState中写入获取菜单和路由得两个方法,之后创建菜单得异步处理方法,在异步方法中调用获取菜单得api接口,获取到数据后将数据交给递归函数将菜单得路径解析出来
3.将解析后得菜单数据和路由数据用dispatch(方法名())写入仓库中,在菜单组件中导入异步得方法,使用useDispatch和useSelector方法创建dispatch,再通过useSelector方法拿到仓库数据,在hooks函数中通过dispatch(异步方法)调用菜单和路由得异步方法
4.在路由home组件中再次导入路由得异步方法后,通过dispatch调用,在将返回的数据传入menu组件中
5.此时路由和菜单都渲染完成,并且解决白屏现象