数据更改时重新加载屏幕 - 响应本机应用程序 [英] Reload screen when data change - react native app

问题描述

我有两个标签栏:ListMusic |最爱.

I have two tabbar : ListMusic | Favourite.

当我在选项卡 ListMusic 中将歌曲添加到收藏夹时，如何为选项卡收藏夹设置监听器，知道需要重新加载以显示新数据.

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.

谢谢！

推荐答案

您可以设置一个道具状态，该状态将在 ListMusic 的每次更改时设置，并将该道具在收藏夹中用作 key 在 >render() 的父视图组件.因此，每当状态发生变化时，它都会重新渲染收藏夹.

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.

示例:

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

这篇关于数据更改时重新加载屏幕 - 响应本机应用程序的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！