1. 程式人生 > >React中通過withRouter獲取location等路由資訊

React中通過withRouter獲取location等路由資訊

       在這一次的專案中,想通過withRouter拿到路由資訊,其實專案已經配置好了可以通過connect使用,但總想整點新花樣,就自己試了試。

       但是在使用裝飾器的@語法時,報了錯,首先是提示我專案中無法使用@withRouter這樣的寫法。下面是配置方法:首先安裝babel-plugin-transform-decorators-legacy外掛,然後在packjson裡進行配置:

"plugins": [
   "transform-decorators-legacy"
 ]

       配置完繼續跑專案,然後就出現了新的錯誤:

遇到這個錯誤,需要將整個元件包裹在react-touter-dom的BorwserRouter裡,這樣就可以在專案中正常使用裝飾器@語法了