Redux with react-navigation(reactnavigation.org)

时间:2017-02-11 11:00:04

标签: javascript react-native redux

我正在开发一个将https://reactnavigation.org/与Redux集成的示例项目。

我已经完成了所有导航工作,并在我的信息中心内设置了一个操作,以便在点击获取按钮时从API获取数据。 https://github.com/starchand/SampleNavigation/blob/master/app/containers/dashboard/views/Dashboard.js

这是有效的 - 我正在获取数据,但是我之前正在执行随机操作:

enter image description here

有什么想法导致第一次行动?

完整回购:https://github.com/starchand/SampleNavigation

1 个答案:

答案 0 :(得分:2)

只需快速查看代码,在我看来,您应用于商店的中间件的顺序应该是相反的。

当您在this.props.fetchQuestions(1);组件中执行Dashboard时,您将调度函数(或thunk)而不是普通对象。由于redux-logger是链中的第一个中间件,因此它会记录该函数本身,具有明显的undefined操作类型。恢复中间件的顺序应该可以解决问题。

https://github.com/starchand/SampleNavigation/blob/master/app/store.js#L16内尝试:

 return applyMiddleware(thunkMiddleware, logger())