通过选项卡导航器将子组件的 state 作为道具发送到另一个组件

Question

这个问题似乎有点复杂，但我相信必须有一个解决方案。 我认为使用 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 组件中作为 state 值。 我需要在 App.js 中找到它们并将它们作为道具发送到收藏夹和订单组件。 不使用 redux 有什么解决方案吗？

Answer 1

是的，有一个简单的方法。

你可以参考这个链接

如果它对您有用，请不要忘记单击右键。

Answer 2

抬起 state ：在 App 中定义 state 并将其通过 props 传递给 HomeScreen 和其他组件。

Redux 将对此有所帮助，因为 Redux 的 state 始终位于树的顶部。 但它不会做任何你不能用位于同一个地方的香草 state 实现的特别之处。

通常，您无法访问上面定义的 state。 这是 react 设计的一部分，解决它通常是一个坏主意。