如何将 props 传输到位于堆栈中的组件 react native？

Question

So here I have a stack:

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

What I need to do is to transfer this GoBack component with props like that: <GoBack any={any} /> . How can I do so in React Native?

Answer 1

You can wrap the desired component with another function?

const GoBackStack = () => {

    const GoBackWrapper = (props) => <GoBack { ...props } any={any} />

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

At least, that's how I do it. GoBackWrapper needs to be in a closure of GoBackStack if the props that you want to pass depends on GoBackStack's state, otherwise it can be outside of the block.