ant-designrefreshのキャッシュの問題を解決します

1.コンポーネントを使用ant-design-mobileするときListViewに発生した問題は、プル更新の実行時にページデータが完全に更新されず、空にならないことでした。そのため、一連の問題が発生しました。
2.このとき、ページを強制的に更新したり、React再レンダリングしたりする方法をreact-app考えましたが、特殊な使い方があるため、上記の2つの方法ではうまくいきませんでした。代わりに、アプリの空白のログインを更新する問題が発生します。
図３に示すように、ベースのdva.js開発では、考えられる方法は、別のmodelデータ同期処理に直接入ることであるため、処理されるデータを定義する方法を空にすることができる。

コード例

• model空にするためのデータ処理方法の対応する定義

    clearData(state) {
    
    
      return {
    
    
        ...state,
        data: [],  // 数据清空
        dataSource: dataUtils.getListViewDataSource(),
        pagination: {
    
     ...networkUtils.pagination },
      };
    },

• コンポーネントの対応する場所で同期的に呼び出すことができます。

   dispatch({
    
    
              type: 'createDynamics/clearData'
            })

このようにして、データがクリアされないというさまざまな問題を簡単に解決できます。