reactjs - 如何缓存 API 响应并稍后在 React 和 Redux 中使用它？

Question

在我的基于 React 的应用程序中，有一个 REST API 调用，它一次性获取整个页面所需的所有数据。响应中包含的数据也可用于下拉菜单中。但我不确定如何实现这一目标。目前，每当选择下拉值时，我都会发出新请求。请建议我如何有效地实现它，而不进行多次不必要的休息调用。

Answer 1

您可以在 HDD 或 RAM 中缓存。

• HDD = 例如本地存储
• RAM = 应用程序状态，例如还原商店。

对于 localStorage 你可以使用我的小插件: https://www.npmjs.com/package/localstorage-ttl

在应用程序状态 (RAM) - 触发操作来获取数据，使用 redux-thunk、redux-saga 或类似方法进行调用，并使用 reducer 将数据保存在存储中。从存储中检索数据。

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