数据更改时重新加载屏幕 - 反应本机应用程序答案

【问题标题】：Reload screen when data change - react native app数据更改时重新加载屏幕 - 反应本机应用程序
【发布时间】：2023-03-07 21:53:01
【问题描述】：

我有两个标签栏：ListMusic |最喜欢的。

当我在 ListMusic 选项卡中将歌曲添加到收藏夹时，如何设置选项卡收藏夹的侦听器知道它需要重新加载才能显示新数据。

谢谢！

【问题讨论】：

没有你提供代码是相当困难的。但是您是否有一个拥有收藏夹列表的州？如果是，那么就是让适当的组件知道数据更改的问题。我假设您正在收藏夹选项卡上加载列表，当将项目添加到列表时，它会强制重新加载数据（如果设置正确）
组件 A (Tab ListMusic) 包含列表音乐，组件 B (Tab favourite) 包含来自数据库的列表最喜欢的音乐)。当我在 A 中点按收藏夹时，应在 B 中重新加载。
@funkysoul：我使用 Redux 来解决这个问题。谢谢你的评论。 :) (y)

标签： react-native react-native-android tabbar

【解决方案1】：

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

例子：

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

【讨论】：