React Router：this.props.location.state为null

Question

我正在使用react-router 2.4.0我试图在点击事件中将某个州传递到我的路线。它正确传递pathname和query但state为null。

以下是我的处理函数

clickHandler: function() {
    var navigate = { pathname: '/view/report',
                     query: { filter: "filter-val"}, 
                     state: {"field": this.state.field} 
                   }
    this.props.router.push(navigate); 

在我的组件中呈现路线，在getInitialState内我尝试访问状态，但它出现为null。

我记录了this.state.field，它在按下按钮之后但在路由之前出现。我还在路由组件的this.props.location内记录了getInitialState，并为query，pathname等内容提供了非空值，但state（ this.props.location.state具体而言）显示为null。

在路由器位置state内设置对象时，我需要做些什么特别的事情吗？

Answer 1

v2.4.0是旧版本。虽然我不知道为什么会导致您的错误，但尝试升级到v3可能会有所帮助（只需删除v1已弃用的代码v2）。