reactjs - react-router-redux，push方法不起作用

Question

我正在使用react-router-redux。

我不知道如何创建演示来简单地描述问题。我将所有代码推送到 Github 上。 https://github.com/jiexishede/newReactSOAskDemo001

a-href 工作得很好。@https://github.com/jiexishede/newReactSOAskDemo001/blob/ask1/src/components/Home/Preview.js/#L37

现在，push 方法不起作用。
@https://github.com/jiexishede/newReactSOAskDemo001/blob/ask1/src/components/Home/Preview.js/#L30

我编辑代码并在 GitHub 上更新。

我导入hashHistory。

https://github.com/jiexishede/newReactSOAskDemo001/blob/286fc0e07f9d9c863f7c4fc8d9b2c09a2c45e231/src/components/Home/Preview.js#L9

hashHistory.push('detail/'+id); 效果很好。 https://github.com/jiexishede/newReactSOAskDemo001/blob/286fc0e07f9d9c863f7c4fc8d9b2c09a2c45e231/src/components/Home/Preview.js#L32

disPatchpush @ https://github.com/jiexishede/newReactSOAskDemo001/blob/286fc0e07f9d9c863f7c4fc8d9b2c09a2c45e231/src/components/Home/Preview.js#L31它不起作用。

在Home.js中:

  @connect(state => {
  return {
    list:state.home.list,

  };
}, dispatch => {

  return {
    actions: bindActionCreators(actions, dispatch),
    dispatchPush:  bindActionCreators(push, dispatch),
  }
})

dispatchPush 从 Home.js 传递到 PreviewList 到 Preview。

Answer 1

你试过了吗？

handleClick(e) {
   e.preventDefault();
   this.props.history.push('/#/detail/' + id);

}

告诉我它是否有效，并将相应地更新答案。

或者，如果您想尝试在组件之外导航，请尝试 this .

另外尝试设置路线:

 <Route path="/preview" component={Preview} />

这可能会让你获得历史 Prop 。