利用 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 ...