React useContext 返回它的值，但在页面刷新后返回未定义

Question

我正在使用 useContext 在登录页面中获取用户信息并将其显示在主页中，它首先显示信息，但是当我刷新主页时，信息会丢失，为什么我是反应初学者

Answer 1

当您刷新页面时，您的整个应用程序和上下文都会重新初始化，因此您在刷新之前操作的所有存储数据和状态都会丢失。如果您想保留数据，您应该考虑以下两个选项之一：localStorage 或 sessionStorage（您可以在 MDN 文档上用 google 搜索它们）。

但是您的选择应该取决于您想要保留的数据类型。对于敏感数据，我强烈建议您使用 localStorage 或 sessionStorage，它们不安全。如果您的主要目标只是保留应用程序的状态，那么它们就很好，我会将 cookie 添加到最后一种情况的可能性列表中。

希望这有帮助。