如何在react js中获取当前登录用户

Question

只是想知道如何使用节点js访问react js文件中已登录的经过身份验证的用户的数据。

在我拥有的车把文件中，我可以看到如下信息： {{#if user}}

我想知道如何在 React js 文件中执行类似的操作，以便我可以将登录用户的名称分配给 js 变量。就像是 var name = {{# user.name }};

提前致谢，如果我遗漏了什么或者说的有些晦涩难懂的话，我们深表歉意。

Answer 1

首先，您需要使用一种方法进行身份验证，JWT 是一个不错的选择。然后在您的主组件 ( app.js) 中向特定路由（例如 ）发送请求/auth/init以检查用户是否已登录（意味着 jwt 已设置）。

如果您使用的是 ，则可以使用中间件来解决此问题express.js。如果用户已登录，则将用户的凭据发送回客户端（反应）并user使用响应初始化您的状态。

要在组件之间共享用户状态，您有不同的选择。根据您的需求您可以选择redux、、contextAPI或者只是新引入的API hooks。阅读本文以获得进一步的视角。