每次页面重新加载时反应获取数据答案

【问题标题】：React fetch data every time page reloads每次页面重新加载时反应获取数据
【发布时间】：2021-12-27 09:08:39
【问题描述】：

我正在制作一个 React SPA 应用程序，我在每次页面加载时都使用 fetch，我想知道将此类数据（例如：用户数据）存储在本地存储中是否更好，如果是，如果后端数据库中的某些数据发生了变化？

对不起，如果有类似的问题，我只是找不到，谢谢

【问题讨论】：

您可以在 UI 端调用API 之前检查它。但如果后端数据库端的数据发生变化，则需要调用 API。您可以从后端将数据存储在cache 中，以便快速响应。
可能有很多解决方案。我认为您可以像 CORS OPTIONS 这样的迷你请求请求每个页面加载。并且此请求的响应包含一个标志，告知数据是否应该重新加载？如果是，那么您可以重新加载数据，否则您可以使用存储的数据。但它可能不会增加性能优势。
这是正确的行为，它应该在每次重新加载时获取新数据，使用 redux 进行存储管理
感谢您的回答

【解决方案1】：

从服务器获取用户数据后存储在本地存储中是我之前使用过的很好的解决方案。

使用 React-Query

对于在 DB 中更新后更新用户数据，我建议使用像 react-query 这样的 swr 方法包，它会立即将您的本地数据与服务器同步。

【讨论】：