Reload screen when data change - react native app

Question

I have two tabbar : ListMusic | Favourite.

When I add a song to favourite in tab ListMusic, how can I set listener for tab Favourite know that it need for reload to display new data.

Thanks!

Answer 1

You can set one prop state which will be set on each change of ListMusic and use that prop in Favourite as key in render() 's parent view component. So, whenever state changes it will re-render Favourite.

Example:

render() {
    const unconfirmedErrorMsgToken = this.props.unconfirmedErrorMsgToken;
    return (
      <View key={this.state.ListMusicSuccess} >
        ...
      </View>
    );
}