react-native - React Native 分页和 React 导航问题

Question

由于分页和 React Native Navigation，我面临着一种复杂的问题。
单击具有类别列表的抽屉，它们都将转到屏幕

问题陈述:

当我随机点击类别时，一切正常。但是，在分页过程中遇到问题。假设我单击类别消费者并滚动查看更多记录。之后我点击 手机类别。移动类别页面将显示一秒钟，然后调用之前的路线(消费者)。

我尝试使用以下代码来导航类别，但遇到了同样的问题。

代码:

1)。

this.props.navigation.navigate({
  routeName: "CategoryList",
  params: {
    cat_id: e.cat_id
  },
  key: Math.random () * 10000
})

2)。

const resetAction = StackActions.reset({
  index: 0,
  actions: [NavigationActions.navigate({
    routeName: 'CategoryList',
    params: {
      cat_id: e.cat_id
    }
  })],
});
this.props.navigation.dispatch(resetAction);

3)。

const pushAction = StackActions.push({
  routeName: "CategoryList",
  params: {
    cat_id: e.cat_id
  }
});
this.props.navigation.dispatch(pushAction);

Answer 1

在 categoryList 页面中显示旧项目，因为我们的 redux 存储中有旧记录，所以我们需要由我们自己第一次分配空数组。所以，当我们的页面被调用时，我们是由我们自己分配空数组。

componentWillMount = () => {
this.props.categoryListRecord.categoryList = []
}

mapStateToProps = (state) => { ....
categoryListRecord : state.categoryListReducer

然后我们可以调度我们的 Action 并获取新记录并在我们的组件中使用它。解决这个错误