gpt4 book ai didi

javascript - 如何在多个 React Native 组件中保持当前变量的值

转载 作者:行者123 更新时间:2023-12-03 01:10:08 26 4
gpt4 key购买 nike

我有一个 Parent React Native 组件,它由三个子组件组成:HeaderBodyFooter.这是它在文件 MyScreen.js 中的排列方式:

<Container>    // I am using NativeBase Container

<Header />
<Body />
<Footer />

</Container>

这三个子组件的定义包含在单独的文件中,例如Body.component.js,等等。

我想访问包含在不同文件 FooArray.js 中的数组数据结构 Foo,并且它由 BodyBody 导入页脚组件。 FooBody 组件内部进行操作(我将 push() 对象移至此数组)及其长度 Foo.length 显示在 Footer 组件中。

如何确保每当将新对象推送到 Body 组件中的 Foo 时,其新长度立即反射(reflect)在单独的 中>页脚组件?

任何想法,不仅涉及预期的解决方案,而且还涉及项目文件的最佳重组(如果需要)。

最佳答案

React 通过状态解决了这个问题。

您将数据 (foo) 导入顶级组件 (Container) 并将其分配给状态。然后你可以将状态作为 props 传递给子组件。

所有子组件都可以使用这些 Prop ,并且如果 Prop 发生变化,它们将自动更新。

如果您想在子组件中更改状态,您应该将处理函数(在父组件中定义)作为 props 传递给子组件。

关于javascript - 如何在多个 React Native 组件中保持当前变量的值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52232340/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com