首页 > 解决方案 > React-Native 和 Redux:如何重用 reducer 来处理多个组件

问题描述

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

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

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

标签: react-nativereduxstatestate-management

解决方案


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

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

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

我希望我说清楚了。


推荐阅读