React NativeのページネーションとReact Navigationの問題

ページネーションとReact Native Navigationが原因で、複雑なタイプの問題に直面しています。カテゴリリストがクリックされたドロワーは、すべて画面に移動します

問題文：

カテゴリをランダムにクリックすると、すべてうまくいきます。しかし、ページネーション中に問題が発生します。カテゴリ「消費者」をクリックして、さらにレコードをスクロールするとします。その後、「モバイル」カテゴリをクリックします。モバイルカテゴリページが1秒間表示され、その後、前のルートが呼び出されます（コンシューマー）。

次のコードでカテゴリを移動しようとしましたが、同じ問題が発生しました。

コード：

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);

react-native react-navigation

— ビカシュ・ディマン
ソース

ポイントがわかりませんでした。詳細またはビデオで説明できますか？

— Kishan Vaghela

@KishanVaghela簡単に言うと、新しい製品をロードした後にロードする製品をクリックすると、モバイルなどの他のカテゴリに移動します。ページが正しいモバイルカテゴリを表示するために2回、1リダイレクトしかし、突然、それは前のカテゴリページにリダイレクトなどはlocalhost /カテゴリ/ 1？page_no = 2が、それはのページロードする必要はlocalhost /カテゴリ/ 5はなく、前のページネーションレコードをそれはlocalhost / category / 1？page_no = 2です。これが理にかなっているといいのですが。

— Vikash Dhiman

ナビゲーションではなく別の部分に問題があると思います。

— DevLover

それでも動画を追加すると役立つ場合があります。

— Ashwin Mothilal

@AshwinMothilalビデオを追加できません。これは私の会社によれば違法です。動画が共有できなくて申し訳ありません。

— Vikash Dhiman

reduxストアに古いレコードがあるため、categoryListページでは古いアイテムが表示されるため、自分で初めて空の配列を割り当てる必要があります。したがって、このページが呼び出されると、自分で空の配列を割り当てます。

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

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

次に、アクションをディスパッチして新しいレコードを取得し、コンポーネントで使用できます。このエラーを解決してください

— プラカシュカレナ
ソース