React Native 中组件之间的道具和共享数据

Posted 2023-02-23

【中文标题】React Native 中组件之间的道具和共享数据

【英文标题】：Props and share data between components in React Native

【发布时间】：2021-06-18 02:35:31

【问题描述】：

在 2 个组件之间发送数据的最佳做法是什么？

为了清楚地理解，我有一个组件，他在里面渲染了 2 个组件 B 和 C。 我需要分享用户在 B 中写入的更改文本输入数据并在 C 中显示。

我尝试了两种方法， 在成功但丑陋的我设置 A 中的 const [ data,setData ] = useState(“”) 并在更改时将 props 发送到 B 到“setData”，并将“data”发送到 C。

另一个在点击 C 组件而不是更改文本后起作用的是 redux ，我尝试将每个更改保存在 redux 上。

有人知道解决这个问题的最佳方法是什么吗？

【参考方案1】：

所以，一个不错的 Redux 替代品是 React context。

上下文提供了一种通过组件树传递数据的方法，而无需在每个级别手动向下传递道具。

看来 React Context Api 就是你需要做的所有事情。

此外，请查看此优秀教程以获取更多信息。 Learn React Context in 5 Minutes - A Beginner's Tutorial

玩得开心！

【讨论】：

谢谢！这正是我所需要的