javascript React Router路由更改侦听器
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了javascript React Router路由更改侦听器相关的知识,希望对你有一定的参考价值。
import React, { Component } from 'react';
import { withRouter } from 'react-router-dom';
class RouteChangeListener extends Component {
constructor(props) {
super(props);
}
componentDidUpdate(prevProps) {
if (this.props.location.pathname !== prevProps.location.pathname) {
this.props.onRouteChanged(prevProps.location, this.props.location);
}
}
render() {
return null;
}
}
RouteChangeListener.propTypes = {
location: React.PropTypes.object.isRequired,
onRouteChanged: React.PropTypes.func.isRequired
}
export default withRouter(RouteChangeListener);
以上是关于javascript React Router路由更改侦听器的主要内容,如果未能解决你的问题,请参考以下文章
深入浅出解析React Router 源码
react-router路由之routerRender方法(v5 v6)
React中的路由react-router
rich - router react路由,从react-router演进
react路由
react-router 4.0这个路由怎么配置