React 原生道具管理

Question

我在 react-native 中使用 react-native-router-flux 进行导航。

我的标签使用具有不同道具的相同组件。 第一个选项卡更改时一切都很好，但返回相同选项卡时道具没有更改。

返回同一个选项卡时应该使用什么方法？

应用程序.js

<Scene key="root" hideNavBar={true}>
  <Scene key="rootTabBar" tabs={true} hideNavBar={true}>
    <Scene
      key="firstCaregory"
      title="First Category"
      id={1}
      component={Category}
    />
    <Scene
      key="secondCategory"
      title="Second Category"
      id={2}
      component={Category}
    />
  </Scene>
</Scene>

分类.js

componentDidMount() {
  this.props.fetchNews(this.props.id);
}

Answer 1

当您导航到/从屏幕时，请尝试检查您的 Category 组件是否正在卸载。 由于您在 componentDidMount 中加载数据，因此您加载数据的唯一时间是为每个场景首次构建组件时。 在使用嵌套场景的选项卡的 RNRF 设置中，我可以确认导航不会触发组件卸载，但值得通过在 Category 组件内的 componentWillUnmount 内放置控制台日志来检查您的最终结果。

选择返回同一选项卡时的方法取决于上述理论是否正确。