参考文档：https://reacttraining.com/react-router/web/api/withRouter
有的时候项目中需要根据路由对模块进行处理，所以需要实时获取到路由的状态，
如下图：
屏幕快照 2019-04-16 下午8.10.47.png
在点击切换路由的时候下面的文字会跟着变化
具体代码如下：
import React from "react";
import PropTypes from "prop-types";
import { withRouter } from "react-router";
class ShowTheLocation extends React.Component{
static propTypes = {
match: PropTypes.object.isRequired,
location: PropTypes.object.isRequired,
history: PropTypes.object.isRequired
};
render() {
const { match, location, history } = this.props;
return <h1>You are now at {location.pathname}</h1>;
}
}
这样就能实时获取更新路由了
网友评论