【react】实时获取路由

参考文档：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>;
  }
}

这样就能实时获取更新路由了