Reactjs 身份验证：是否每个组件都必须知道是否已登录？

Question

我有一个现有的示例应用程序，我想向其中添加身份验证/登录。我知道前端现在必须提供登录页面，但是否必须更改每个现有页面以了解用户是否已登录？

Answer 1

这取决于组件，但通常是的，如果组件依赖于用户信息或正在登录的用户，则应确保该用户存在。

不过，有几件事，如果您使用身份验证库，其中一些允许与 React-Router 集成，这意味着您可以保护路由以仅允许访问已登录的用户，这意味着他们是否可以访问您的页面然后他们必须登录，因此所有组件都应该能够访问用户。

此外，有些可以让您访问一个钩子 useAuth() 例如，它允许您获取用户信息，因此您可以获取一些信息，甚至执行健全性检查以确保用户仍然登录。< /p>

如果您使用 Redux，另一种处理方法是您可以将您的用户信息存储在那里并轻松访问它。我使用这种方法是因为它可以让我快速轻松地更新设置和信息。