使用 React 在每个页面上显示用户信息的最佳实践是什么？

Question

使用 React 在每个页面上显示用户信息的最佳做法是什么？

我想出了这些选项：

1. 使用 redux -> 如果没有本地存储，数据将随着重新加载页面而消失。

2. 登录时设置用户信息到本地存储 -> 当我必须设置用户的重要信息（真实姓名、电子邮件等...）时，它安全吗？？

3. 在每个页面调用 API -> 它在安全方面是安全的，但速度可能很慢。

   他们都有各自的缺点。 有什么最佳实践吗？

Answer 1

由于 React 作为 SPA 工作，您可以将用户值保存在全局状态中，当用户重新路由到不同的页面时，可以跨应用程序访问这些值，从而避免每次用户访问新页面时都进行新的 API 调用页。

我可能会使用 Context Hook 将用户值保存在全局状态中。

初始数据加载的来源可以是 API 或本地存储。根据数据，本地存储可能没问题，但您可以阅读相关内容。