Javascript 存储用户id的最佳解决方案是什么？

在ReactJS中存储用户ID以便所有组件都可以访问它的最佳方法是什么

---

我已经研究过Redux和Context，但它们似乎只是为了存储一个ID而过度使用了，或者我遗漏了什么？。我还研究了在父组件应用程序中存储ID，但是页面刷新会丢失ID:。

会话存储可能最适合您的需要

sessionStorage属性允许您访问当前源的会话存储对象。会话存储类似于本地存储；唯一的区别是，虽然localStorage中存储的数据没有过期时间，但当页面会话结束时，sessionStorage中存储的数据将被清除

然后，您可以在需要时设置/获取ID

sessionStorage.setItem('userID', 'value');
const USER_ID = sessionStorage.getItem('userID');

但是，要在页面关闭后仍保留ID，您需要使用localStorage

只读localStorage属性允许您访问文档来源的存储对象；存储的数据跨浏览器会话保存。localStorage与sessionStorage类似，不同之处在于，虽然localStorage中存储的数据没有过期时间，但当页面会话结束时（即页面关闭时），sessionStorage中存储的数据将被清除

---

会话存储可能最适合您的需要

sessionStorage属性允许您访问当前源的会话存储对象。会话存储类似于本地存储；唯一的区别是，虽然localStorage中存储的数据没有过期时间，但当页面会话结束时，sessionStorage中存储的数据将被清除

然后，您可以在需要时设置/获取ID

sessionStorage.setItem('userID', 'value');
const USER_ID = sessionStorage.getItem('userID');

但是，要在页面关闭后仍保留ID，您需要使用localStorage

只读localStorage属性允许您访问文档来源的存储对象；存储的数据跨浏览器会话保存。localStorage与sessionStorage类似，不同之处在于，虽然localStorage中存储的数据没有过期时间，但当页面会话结束时（即页面关闭时），sessionStorage中存储的数据将被清除

---

如果您希望在关闭和重新打开浏览器后数据仍然可用，则LocalStorage是存储数据的合适位置；否则，只要浏览器处于打开状态，SessionStorage就会保留您的数据。

如果您希望您的数据在关闭和重新打开浏览器后仍然可用，则LocalStorage是存储数据的合适位置；否则，只要浏览器处于打开状态，会话存储就会保留您的数据。

好吧，当页面刷新时，您可能需要根据会话再次下载用户ID？好吧，当页面刷新时，您可能需要根据会话再次下载用户ID？这也是正确答案，但马克给出了更多的细节：也是正确的答案，但马克给出了更多的细节：