React Native 和 Redux 道具正确的设计模式答案

【问题标题】：React Native & Redux props correct design patternReact Native 和 Redux 道具正确的设计模式
【发布时间】：2016-12-16 18:06:28
【问题描述】：

我有一个 react native 项目，我正在使用 redux 操作和 reducer 来处理我的商店。
我有一个智能连接组件，我通过在componentWillMount() 中的调度调用我的操作，然后我有mapStateToProps 并将我从商店获得的数据映射到道具。
问题是检查道具是否已更改的唯一方法是将其放入 render 函数中。就我而言，如果我的道具填充了一些数据，我想导航到另一个页面。这一切都很好，但我从 React 那里得到了它的反模式的警告。有没有其他方法可以做到这一点？我做得对吗？

【问题讨论】：

标签： reactjs react-native redux

【解决方案1】：

您应该实现方法componentWillReceiveProps，而不是比较render中的值

另一种（首选）方法是负责更新值、进行导航（或分派另一个可以进行导航的操作）的操作。检查redux-thunk

【讨论】：

好的，谢谢。我已经在使用thunk了。是的，我也在考虑在 Redux 中进行导航。可能这是一个更好的方法
如果您使用react-router，我建议您使用react-router-redux 以保持商店与导航同步。然后很容易在任何 thunk 中进行 dispatch(push('newRoute')) 或 dispatch(goBack())