如何将道具转移到位于stack-react-native中的组件

Question

所以这里有一个堆栈：

const GoBackStack = () => {
return (
<Stack.Navigator headerMode="none">
<Stack.Screen name="GoBack" component={GoBack} />
</Stack.Navigator>
)
}

我需要做的是用<GoBack any={any} />这样的道具来转移这个GoBack组件。如何在React Native中做到这一点？

Answer 1

您可以用另一个函数包装所需的组件吗？

const GoBackStack = () => {
const GoBackWrapper = (props) => <GoBack { ...props } any={any} />
return (
<Stack.Navigator headerMode="none">
<Stack.Screen name="GoBack" component={GoBackWrapper} />
</Stack.Navigator>
)
}

至少，我就是这么做的。如果要传递的道具取决于GoBackStack的状态，那么GoBackWrapper需要处于GoBackStack的闭包中，否则它可能在块之外。