React Navigation and Redux: goBack() doesn't refresh my props

Question

This is a React Native project that includes React Navigation and Redux. I have two scenes, the first one contains a ListView and a Button to add a new element to the list. This buttons navigates to a new Scene where I fill up a little form to create a new record that will appear on the list of the first scene.

When hitting the save button and going back to the first scene (list view), mapStateToProps reflects the change but no other life cycle method is called (componentWillReceiveProps, shouldComponentUpdate, etc), none of them.

Now, both Scenes use connect from redux and I'm going back from Scene 2 to Scene 1 with the goBack() method from React Navigation. I'm wondering if redux get's "disconnected" from a view when showing a new one and how can I connect it back? Again, the mapStateToProps from the ListView scene is showing the data updated but it seems no props are being mapped.

As my state to prop seems to be using an array, I'm getting some changes when copying the array in my actions rather than operating over the same one... — fray88

fray88 fray88 · Accepted Answer · 2017-06-02T16:06:58

It just seem the props don't refresh if the redux state value hasn't really change. Copying the list array before modifying it and then assigning it to the payload seems to fix the issue.

React Navigation and Redux: goBack() doesn't refresh my props

1 Answers