react-router-dom 手動控制路由跳轉


基於 react-router 4.0 版本,我們想要通過 JS 手動控制路由跳轉,分三步:

第一步:引入 propTypes

const PropTypes = require('prop-types');

第二步:定義context 的router屬性

BottomNavigationExampleSimple.contextTypes = {
  router: PropTypes.object
}

第三步:控制跳轉

 handleClick= () => {
    this.context.router.history.replace('/index')
  };


免責聲明!

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



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