如何在浏览器中存储数据？

Question

BACK STORY：我正在创建一个react应用程序，它使用基于后端api JSON的身份验证进行登录，在用户验证后，后端会为将来的请求返回一个JSON令牌。 / p>

我现在做什么：我使用props将该令牌从一个组件传递到另一个组件（是的，这不是很优雅也不是很干净）。

我正在寻找的内容：有人看到该项目后建议我存储令牌＆amp;浏览器内存中的其他冗余数据。现在，我不知道该怎么做，也无法找到任何资源。

但是我相信redux可以解决这个问题。但是我想在跳转到redux或其他一些高级内容之前先创建一个仅反应应用程序。

• 那么，如何将这些类型数据存储在浏览器内存中呢？
• 或者，还有更优雅的解决方案吗？
• 另外，请提供有关会话管理的一些建议。就像令牌过期时，会向用户显示一个对话框并重定向回登录页面。

Answer 1

为什么不直接去LocalStorage？像这样

localStorage.setItem('user_info', JSON.stringify(response));

有关详细信息，请参阅此处

• https://www.w3schools.com/html/html5_webstorage.asp
• https://www.w3schools.com/html/html5_webstorage.asp

更新

要从locastorage获取值，您可以使用它。

localStorage.getItem('user_info');

Answer 2

Redux是一个反应的状态容器。它可以帮助您管理react应用程序中的所有状态。但是你仍然可以在没有它的情况下生活（几乎没有）使用当地的州和道具。此外，您可以使用localStorage和cookies存储您想要的任何内容。