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这个路由怎么配置