Lösen Sie das Cache-Problem der Ant-Design-Aktualisierung

1. Bei der Verwendung ant-design-mobileder ListViewKomponenten trat das Problem auf, dass die Seitendaten beim Ausführen der Pull-Aktualisierung nicht vollständig aktualisiert und geleert wurden. Daher trat eine Reihe von Problemen auf.
2. Zu diesem Zeitpunkt habe ich darüber nachgedacht, nach einer Möglichkeit zu suchen, eine Seitenaktualisierung zu erzwingen oder Reactneu zu rendern, aber react-appes gibt einige Besonderheiten bei der Verwendung, sodass die beiden oben genannten Methoden nicht funktionierten. Stattdessen tritt das Problem auf, dass das leere Login in der App aktualisiert wird.
3, da aufgrund der basierten dva.jsEntwicklung das denkbare Verfahren darin besteht, direkt in einer anderen modelDatensynchronisationsverarbeitung ein Verfahren zum Definieren der zu verarbeitenden Daten zu leeren.

Codebeispiel

  • In modelder entsprechenden Definition einer Datenverarbeitungsmethode zum Entleeren
    clearData(state) {
    
    
      return {
    
    
        ...state,
        data: [],  // 数据清空
        dataSource: dataUtils.getListViewDataSource(),
        pagination: {
    
     ...networkUtils.pagination },
      };
    },

  • Sie können es synchron an der entsprechenden Stelle der Komponente aufrufen.
   dispatch({
    
    
              type: 'createDynamics/clearData'
            })

Auf diese Weise ist es sehr einfach, die verschiedenen Probleme zu lösen, bei denen Daten nicht gelöscht werden.

Ich denke du magst

Origin blog.csdn.net/weixin_45416217/article/details/109128576
Empfohlen
Rangfolge