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 在客戶端應用程序上重新獲取您的數據。 如果您正在存儲它的用戶配置文件之類的東西，那么每次刷新頁面時獲取該數據是明智的。