更改URL并调用redux操作以获取react redux应用程序中的数据

时间:2017-02-22 04:17:07

标签: reactjs redux react-router react-redux react-router-redux

任何人都可以告诉我如何在使用react-router进行路由更改服务器端react redux组件中的Route的URL时调用操作。

我正在使用react-router的 browserHistory 将我的输入推送到网址。

SCSS

我有很多输入,并且在每个输入更改事件中,都会附加URL,这会导致调度操作并获得正确的结果。

我是新来的反应和redux,所以如果有人可以建议是否可以这样做或如何处理这个问题会有所帮助。 谢谢你们。

2 个答案:

答案 0 :(得分:0)

当URL更改componentWillRecevieProps将自动调用时,您可以访问nextProps然后您可以发送任何您想要的操作

在nextProps中,您可以访问包含url所需内容的位置

答案 1 :(得分:0)

对不起家伙我错过了我的代码中的一些内容,我通过以下方式解决了这个问题,

  1. 每当我改变输入时,我都会发送一个动作并更新URL。
    • 所以在上面的例子中,我将在
    • 中发送一个动作
  2.   选择日期后

    openCalender()函数。

    1. 当用户想要手动更改URL时,我会在服务器端处理它。
      • 当用户更改URL并按Enter键时,表示服务器呈现整个新页面。
      • 我正在使用
      • 在页面加载上调度默认操作
    2.   

      this.props.location.query

      params,由react-redux-router提供。