在 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 设计的一部分,解决它通常不是一个好主意。
这个问题看起来有点复杂,但我相信一定有解决办法。我认为使用 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 设计的一部分,解决它通常不是一个好主意。