在reactjs中保留url查询数据

Question

我正在使用react，在某些页面中，我正在从url传输数据，但问题是当我希望数据在url更改时保持不变，直到url中有任何其他查询或参数。 我怎样才能做到这一点？

这是我的网址快照

如果这样的url有任何变化，我希望查询数据，即idx = 1

目前，当我链接到salesfunnel页面时，我正在执行此操作

`

componentDidMount() {
    var url = this.props.location.query;
    this.setState({
      selid : parseInt(url.idx, 10)
    })
  }

`

并且在那种情况下我丢失了查询。我希望查询应该保留在我的某个地方如果我得到它一次并且数据应该仅在URL的查询中存在某些变化时才会改变，例如：if idx = 2 from idx = 1。

我如何在反应中实现这一目标？

非常感谢任何帮助！

谢谢：）

Answer 1

您是否可以有条件地设置selid例如：

componentDidMount() {
  var url = this.props.location.query;
  if (url.idx) {
    // Only update `selid` when `idx` is a query param
    this.setState({
      selid : parseInt(url.idx, 10)
    });
  }
}

通过这种方式，您可以在页面更改中保留该值，直到用户登录设置新idx的新页面。