Avery_xx

![image.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/55009ee99b344fb4b766931506bdf07e~tplv

记录一下最近踩到的坑，获取到后端返回的menu信息后，动态的添加路由，添加好之后切换页面，页面没有改变，从头到尾又走了一遍逻辑，发现都没有问题，并且发现只要去到一个页面之后，刷新一下页面就跟着变了，查

首先我们在项目中配置四种环境 注：与src平级 VITE_BASE_API='/api' VITE_APP_NAME='demo app' DEMO_STR='hello' VITE_BASE_API

React的书写中分为函数组件和类组件 两种组件中代码的书写格式有不同，首相在类组件中我们使用所有的数据和方法都要加上this指向。类外我们有一个专门用来管理数据的函数，名为state其中可以定义所有

通过props和Route完成路由的渲染 通过Redirect完成路由的重定向 Redirect中有to方法我们可以在to方法中的search中记录下你在被路由守卫之前所在的url路径 我们可以通过此

首先这里使用form.validateFields获取到我antd表单中的value值 接着调用我上面从reducers抛出的方法 这时通过dispatch就能够给我在reducers中的方法去传值在

React中路由通过react-router-dom实现 最主要分为BrowserRouter Switch Route Redirect下面是引入的方法 首先来讲BrowserRouter 他可以为