How to update an initial param when prop has changed its value in React Native Navigation

Question

I have a prop that changes when I update the state. How do I update my initial params when passing data to a screen?

props.authMsg gets updated, but not the initial param

<Stack.Screen initialParams={{authMsg: props.authMsg}} name="Login" component={Login} />

The param value stays the same.

<Text>{props.route.params.authMsg}</Text>

Cristian · Accepted Answer · 2020-05-28 20:25:38Z

4

The initial params will never change after initialization. What you can do is create a context in the component where you have the state with the help of the useContext hook and pass the value down so it will be accessible to any children of that component.

https://reactjs.org/docs/hooks-reference.html#usecontext

answered May 28, 2020 at 20:25

Cristian

1

Sign up to request clarification or add additional context in comments.

1 Comment

Raul Fernandez van Dijk Over a year ago

Thanks alot, works like a charm. Still learning, but thank you for your help :)

Collectives™ on Stack Overflow

How to update an initial param when prop has changed its value in React Native Navigation

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related