javascript - 当react-router之外的路由发生变化时怎么办？

Question

我在react-router之外有一个组件，我想在路由改变时做一些事情。如何做到这一点？

class MyComponent extends React.Component {

  constructor(props, context) {
    super(props, context);
    // get location and history here, but I don't know if these can help
    this.context = context;
  }

  //TODO: do something when route changes

  render() {
    return (
      <div>
        my component
      </div>
    );
  }
};

MyComponent.contextTypes = {
  location: React.PropTypes.object,
  history: React.PropTypes.object
};

module.exports = MyComponent;

Answer 1

react-router's confirm navigation
也许这就是你所需要的，react-route 的 LifeCycle mixin 提供了一个方法“routerWillLeave”，当路由发生变化时将调用该方法