Comment mettre en cache la réponse de l'API et l'utiliser plus tard dans reag & redux?

Question

Dans mon application basée sur React, il y a un appel d'API de repos qui récupère toutes les données en une fois, ce qui est nécessaire pour toute la page. La réponse a des données qui peuvent également être utilisées dans une population de listes déroulantes. Mais je ne suis pas sûr de comment cela peut être réalisé. Je fais actuellement une nouvelle demande chaque fois que la valeur déroulante est sélectionnée. S'il vous plaît ne me suggérer comment le faire efficacement sans faire de multiples appels de repos indésirables.

Answer 1

vous pouvez mettre en cache dans le disque dur ou la RAM.

• HDD = par ex. localStorage
• RAM = état de l'application, par ex. magasin de redux.

Pour localStorage vous pouvez utiliser mon petit plugin ceci: https://www.npmjs.com/package/localstorage-ttl

Dans l'état d'application (RAM) - action incendie pour extraire des données, l'utilisation Redux-thunk, redux-saga ou similaire pour faire un appel et avec réducteur enregistrer les données dans le magasin. Récupérer des données du magasin.

https://github.com/gaearon/redux-thunk https://github.com/redux-saga/redux-saga