Question

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

问题陈述：

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

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

代码：

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存储中有旧记录，因此我们需要由我们自己第一次分配空数组。因此，当我们调用页面时，我们是由我们自己分配空数组。 / p>

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

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

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

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

1 个答案: