reactjs - Redux 应用程序状态通过 url -> 查询参数

Question

使用 https://github.com/reactjs/react-router-redux/

如果我想根据 url 查询参数重新加载应用程序 (Redux) 状态，正确的方法是获取 state.routing.locationBeforeTransitions.query 属性吗？

有效...只是想知道这是否是正确的方法。

Answer 1

使用 Redux 连接组件，您可以从 mapStateToProps 的第二个参数访问路由器的 props:

function mapStateToProps (state, ownProps) {
  return {
    num: state.items.num,
    query: ownProps.location.query
  }
}

export default connect(mapStateToProps, null)(YourComponent)

参见 https://github.com/reactjs/react-router-redux#user-content-how-do-i-access-router-state-in-a-container-component .

您还可以在此处查看演示 https://github.com/timarney/react-router-redux-query-params .