在 React Native 中通过选项卡导航器将 child 组件的状态作为道具发送到另一个组件

send child component's state to another component as props via tab navigator in react native

这个问题看起来有点复杂,但我相信一定有解决办法。我认为使用 redux 我可以处理这个问题,但我对其他解决方案很好奇。

这是我的App.js

<Tab.Navigator>
        <Tab.Screen name='Home' component={HomeScreen} />
        <Tab.Screen name='Favourites' children={()=><Favourites favItems={propValue}/>} />
        <Tab.Screen name='Order' children={()=><Order orders={propValue}/>} />
</Tab.Navigator>

问题是我想传递的 propValues 作为状态值在 HomeScreen 组件中。我需要在 App.js 中找到它们并将它们作为道具发送到收藏夹和订单组件。不使用 redux 有什么解决方案吗?

Lift up state: 在App中定义state,通过props传递给HomeScreen等组件

Redux 会对此有所帮助,因为 Redux 的状态始终位于树的顶部。但是它不会做任何你不能用位于同一个地方的香草州实现的特别。

一般情况下,您无法访问其定义位置之上的状态。这是 React 设计的一部分,解决它通常不是一个好主意。