ReactJS：从Component中的会话读取值

Question

React在React Component中读取存储在服务器端（express）会话中的值的常用方法是什么？

我有一个auth方法，用于在会话中存储令牌（在服务器上）。对于需要auth令牌的每个下一个操作，我可以在服务器端获取它，但我需要让我的UI看起来与授权和非授权用户不同。我怎么能这样做？

Answer 1

通常您通过API与服务器进行互动，但您所建议的并不是您想要做的事情。身份验证通常基于每个路由完成，UI会发送一个密钥，该密钥可能存储在本地存储中或作为cookie存储。

例如，您可以通过要求用户＆＃34; auth cookie＆＃34;来验证您的所有路由。如果丢失，用户将被重定向到＆＃34;登录＆＃34;之后服务器发回auth密钥，UI存储它。然后，用户可以使用credentials: 'include'为每个请求发送它。

这只是众多解决方案中的一种，与React完全没有关系，而是更广泛地与UI相关。希望这有助于您的搜索！

Answer 2

您可以从会话存储中获取一个值：

const val1 = sessionStorage.getItem("username");
const val2 = sessionStorage.getItem("useremail");