React Router - 从查询字符串构建状态

Question

React 新手，构建一个搜索应用程序，其中的 URL 是根据输入的搜索词和选择的后续过滤器构建的。我正在根据搜索词和所做的选择更新查询字符串，而不是路径。 （例如 /?term=movies&selections=action,adventure）我通过 Action Creators 中的 browserHistory.push() 手动将这些更改推送到查询字符串。我不确定要遵循正确的模式来响应这些更新来补充应用程序状态。

我可以在第一次渲染时检查 componentWillMount() 中的查询字符串参数以渲染初始状态，并且效果很好，但是当使用浏览器的后退/前进按钮时，我不确定要遵循的最佳模式来重建状态。

我在 React 之上使用以下模块： 反应还原 反应路由器 react-router-redux

建议感谢感谢。

Answer 1

您需要在componentWillReceiveProps 回调中检查查询。像这样的：

componentWillReceiveProps(nextProps) {
  if (!_.isEqual(this.props.location.query, nextProps.location.query) {
     this.fetchDataFromServer(nextProps.location.query);
  }
}