react 記錄:React Warning: Hash history cannot PUSH the same path; a new entry will not be added to the history stack


      前言:

  • react-router-dom 4.4.2  

在頁面中直接使用

import { Link } from 'react-router-dom'
//使用
<Link to={{ pathname: "/app/studyMapModule/detail" }} >detail</Link> 
可能報錯:
browser.js?fec5:49 Warning: Hash history cannot PUSH the same path; a new entry will not be added to the history stack

原因:這個是 reactr-router 的一個提示,當前路由下的 history 不能 push 相同的路徑到 stack 里。只有開發環境存在,生產環境不存在,目前還沒看到官方有去掉的意思。看不慣的話可以采取一些方法關掉這個提示。

解決:添加上replace
<Link to={{ pathname: "/app/studyMapModule/detail" }} replace>detail</Link> 

 或者:

The warning is there just to let you know that when you're using hash history, you can't actually PUSH the same path; the browser won't add anything to the history stack.

But you should only get this warning in development. If you generate your production build correctly (using NODE_ENV=production) you shouldn't see this warning in production.

 

 

參考:https://github.com/ReactTraining/history/issues/488

          https://segmentfault.com/q/1010000012463788


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM