Question

Iam使用react-native-router-flux在react-native中导航。

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

返回同一标签时应该使用什么方法？

App.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>

Categry.js

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

Answer 1

尝试导航到屏幕或从屏幕上卸载类别组件。由于要在componentDidMount中加载数据，因此唯一要加载数据的时间是首次为每个场景构建组件时。在我的带有嵌套场景的“选项卡”的RNRF设置中，我可以确认导航不会触发组件的卸载，但是值得在您的终端进行检查，方法是将控制台日志放在Category组件内的componentWillUnmount内部。

选择返回到同一标签的方法取决于上述理论是否正确。

反应本地道具管理

1 个答案: