react-router-dom 手动控制路由跳转

react

基于 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')

};

以上是 react-router-dom 手动控制路由跳转 的全部内容, 来源链接: utcz.com/z/383319.html

回到顶部