在Reactv6之前，withRouter用于向非路由组件传递location、history和match。但v6中移除了withRouter，要访问路由信息，需在类组件中通过自定义方式引入。创建一个新的js文件，实现withRouter功能，然后在类组件中导入并使用，这样可以在this.props中获取路由相关参数。
在react-v6之前的版本中，路由的三个参数location、history、match都是直接挂载到组件的props身上，即使组件不是路由组件，也可以使用withRouter高阶组件对普通组件进行增强，也可以将这三个参数带到props身上。在v6版本中withRouter直接被移除，就不能在用this.props中的对象直接获取路由，如果想在类组件获取路由的话可以通过重写withRouter方法。
新建一个js文件,写入如图代码
然后在你需要用的类组件按路径引用
import withRouter from '../withRouter'
以
export default withRouter(文件名);的方式暴露类即可。
总体：
即可在里面运用。
this.props里面就有了location、params对象来获取路由及参数
扫一扫
1204
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
