API刷新页面丢失数据？

Question

大家好，我在反应中从 api 获取数据并将令牌存储在我的本地存储中，但是当我刷新页面时，我的 API 数据丢失，但我的令牌仍然保存在本地存储中。 现在我不想在刷新页面时丢失数据

Answer 1

您也可以将数据存储在本地存储中。 但我不明白为什么你不能只是 go 再次获取你的数据。 您存储客户端的越少越好。 因为客户端可以更改存储在客户端的所有内容。

PS NegativeFriction在评论中对阅读旧数据很有帮助。

Answer 2

您可以将数据（在您的情况下为用户列表）存储在本地存储中，但出于以下原因，我不鼓励您这样做：

1. 本地存储空间有限，添加用户列表会污染您的空间。
2. 用户列表等数据可能需要定期更新。 建议您每次都获取一个新列表。

Answer 3

根据您的应用程序的复杂程度，您可以使用 state 管理器，例如 Redux，或者您可以通过将其转换为字符串并将其存储起来来简单地存储您需要的数据。 一旦您的应用程序刷新，再次从本地存储中获取此字符串并将其加载回您的组件中。

let myData = JSON.stringify(data)
localStorage.setItem('profile_data')

//on page reload
let storedData = JSON.parse(localStorage.getItem('profile_data'))

必须同意 @Nicolas 在客户端应用程序上重新获取您的数据。 如果您正在存储它的用户配置文件之类的东西，那么每次刷新页面时获取该数据是明智的。