利用 react + antd 框架书写导航栏时，遇到了几个坑，分别是一级菜单和二级菜单在点击的情况下，高亮没有任何问题，但是再点击浏览器返回按钮时，却就乱套了。 1. 二级菜单中，我们可以通过 props.history 来监听 route ，通过不同的 hash 值赋值给 antd 导航栏 ...

什么是异步组件？简单来说就是异步加载一个组件，正常情况浏览器加载的是我们打包好的bundle.js文件，那么这个文件是集合了所有js是代码，然而我们首屏加载并不需要一次性加载所有的组件，这会造成性能的损耗，所以我们可以使用异步组件，推荐使用（react-loadable）https ...

高阶组件中的withRouter, 作用是将一个组件包裹进Route里面, 然后react-router的三个对象history, location, match就会被放进这个组件的props属性中. 作用：把不是通过路由切换过来的组件，将react-router 的 history ...

...

react-router-dom v6版本中的withRouter和Switch已过时，可以退回到v5版本继续使用，或者使用useNavigate()替代withRouter，使用Routes替代Switch。 例如： 和 注意之前Route组件中的是component={Xxx ...

1.withRouter作用：把不是通过路由切换过来的组件中，将react-router 的 history、location、match 三个对象传入props对象上 默认情况下必须是经过路由匹配渲染的组件才存在this.props，才拥有路由参数，才能使用编程式导航 ...

　　　　在React路由中，有这样一种写法，@withReact，效果就是把路由相关的方法通过props传给它包裹的组件的props上； 　　　　跟withRouter（component）是一个效果； 　　　　使用@这种写法的话，需要安装一个 ...

withRouter就可以给此组件传入路由参数，将react-router的history、location、matc ...