【问题标题】:React-Native and Redux: How to reuse reducer to handle multiple componentReact-Native 和 Redux:如何重用 reducer 来处理多个组件
【发布时间】:2018-10-22 20:38:34
【问题描述】:

我不确定我是否理解 redux 和 react native。我目前正在编写一个从服务器获取数据所需的应用程序。我有一个登录减速器,两个不同的功能来从服务器获取一组不同的数据并加载到两个不同的列表。

一个登录组件将有一个具有不同状态的减速器,而其他列表将有自己的减速器来处理它们的状态,开始、加载、结束等在两者之间非常相似。

这是它的工作方式。或者我可以使用相同的减速器来服务两个组件,例如上面提到的列表。

【问题讨论】:

    标签: react-native redux state state-management


    【解决方案1】:

    Redux 有一个“单一事实来源”,换句话说,它有一个 store。不管你做了多少个reducer,最终都会使用redux提供的combineReducers方法组合在一起,所有reducer都会针对你应用中的每个action执行。

    您可以在任何您喜欢的减速器中捕获该操作(使用 action type 上的 switch case)并相应地更新您的 redux 存储。

    随后,由于状态发生了变化,您的组件会重新渲染,这时您会从存储中获取数据并更新您的组件。

    我希望我说清楚了。

    【讨论】:

    • 感谢您的解释。有时令人困惑,不确定是否真的需要某些组件。
    • 如果您了解actionsreducers 的行为,则相当容易理解。 Redux 有很好的文档记录。我建议你阅读文档并尽可能理解。
    猜你喜欢
    • 1970-01-01
    • 2020-10-23
    • 2018-10-16
    • 2020-11-05
    • 2019-06-26
    • 1970-01-01
    • 1970-01-01
    • 2019-09-23
    • 1970-01-01
    相关资源
    最近更新 更多