Реагировать на родную нумерацию страниц и отреагировать на проблему навигации

Question

Я столкнулся со сложным типом проблемы из-за нумерации страниц и React Native Navigation. Ящик со списком категорий при нажатии. Все они выводятся на экран.

Постановка задачи:

Когда я случайно нажимаю на категории, все работает нормально. Но, получая проблемы во время нумерации страниц. Предположим, я нажимаю на категорию «Потребитель» и прокручиваю, чтобы увидеть больше записей. После этого я нажимаю на категорию 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 отображаются старые элементы из-за того, что у нас в старом хранилище есть старые записи, поэтому нам нужно назначить пустой массив нашим self.So, когда наша страница вызывается, мы сами присваиваем пустой массив.

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

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

тогда мы можем отправить наше действие и получить новые записи и использовать его в нашем компоненте. Устранить эту ошибку