react-native中如何更新两个独立组件的状态?

Posted

技术标签:

【中文标题】react-native中如何更新两个独立组件的状态?【英文标题】:How to update the state of two independent components in react-native? 【发布时间】:2016-08-08 23:02:10 【问题描述】:

更新 react-native 中两个独立组件的状态。

例如,我有两个组件,如contributorOne 和contributorTwo,基于contributorOne 中发生的一些事件,我想更新contributorTwo 数据的状态。

contributorOne 和contributorTwo 组件中没有父子关系,所以任何人都可以帮助我解决这个问题。

【问题讨论】:

能否为您的用例提供更多上下文? 【参考方案1】:

您可能想要探索诸如Redux 之类的选项或其他形式的通量架构,它保持全局状态而不是使用每个组件的状态。这样,当一个组件中发生一个动作时,它可以向另一个组件可以订阅的全局状态发送更新。在此架构中也不需要共享父关系,这似乎符合您的要求。

【讨论】:

我对 Redux 不太了解,有任何示例如何将它与 react native 一起使用。 你可以查看 Redux 文档here,它与 React Native 的工作方式与 React 的工作方式相同。您还可以查看其他 Flux 商店,例如 alt,它们遵循许多相同的概念,也可以使用 React Native。

以上是关于react-native中如何更新两个独立组件的状态?的主要内容,如果未能解决你的问题,请参考以下文章

react-native 如何调用子子组件的方法或者属性

如何使用 react-native 从外部函数返回组件

react-native之远程图片修改后APP不更新

如何使用两个连接的组件更改 React 中的变量 [重复]

如何从存储中更新 React Native 功能组件状态

无法对未安装的组件执行 React 状态更新。 useEffect React-Native