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

Question

通过

的形式有一个带有 url 的 react 网络应用程序

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

当 ID、名称或团队参数更改时是否会触发事件？

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

http://localhost/user/123/

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

Answer 1

可以使用componentDidUpdate生命周期钩子(Hook)

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