反应本机分页和反应导航问题

Question

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

问题陈述：

[当我随机单击类别时，一切正常。但是，在分页时遇到问题。假设我单击类别Consumer并滚动以获取更多记录。之后，我单击Mobile类别。移动类别页面将显示一秒钟，并在此之前的路线称为（消费者）。

我尝试使用以下代码浏览类别，但遇到相同的问题。

代码：

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

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