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

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