在页面 url 上创建事件已更改

Question

我正在尝试通过调用 history.push 方法来更改 react-router 中的页面。但我需要一个事件来监听页面 url 的变化并通过获取查询参数来更新上下文。如何声明该事件？

Answer 1

一种方法是在 history.push（同步）之后使用 url 参数更改状态，这将更新您的 UI。

从 url 读取 url 参数应该只在初始挂载时完成。

Answer 2

您可以将下一页所需的数据发送到history.push。

 this.props.history.push("/url", { id: 123 })

那么就可以通过下面的代码访问下一个组件中的解析数据了，

const state = this.props.location.state