reactjs - url查询字符串参数更改时是否有反应组件事件？

Question

有一个带有 URL 形式的反应网络应用程序

http://localhost/user?id=123&name=SomeName&team=SomeTeam

当 id、name 或 team 参数更改时，是否会触发事件？

我知道有 componentWillReceiveProps 但它似乎只在它是路由参数时才会触发，即

http://localhost/user/123/

被更改而不是作为查询字符串参数

标签： reactjs

Answer 1

您可以使用componentDidUpdate生命周期挂钩

componentDidUpdate(prevProps) {
  if (this.props.location !== prevProps.location) {
    console.log("Route Updated");
  }
}