reactjs - 如何从reactjs中的所有组件访问登录详细信息

标签 reactjs session authentication react-router react-context

我有一个登录组件,它检查登录凭据并使用户登录到应用程序。登录后,用户被重定向到名为 Exchange 的组件。除了 Exchange 组件之外,还有其他组件使用登录凭据(用户名和密码)来发出 axios get 请求。如何使所有其他组件都可以使用用户名和密码?我使用按钮中的链接将用户重定向到不同的路线。在不同的路由中,渲染不同的组件。我想在所有这些组件中使用可用的登录详细信息。

最佳答案

如果我们用 react 术语来谈论,如果许多组件想要访问某些数据,或者如果一个组件更新了一些数据,而这些数据必须可供其他当前处于或未处于 DOM 中的组件使用,那么这始终是最佳方法使用 redux 存储来存储您的数据并将您的组件连接到它,以便它们在添加到 DOM 时就可以访问存储数据。

因此,当用户输入登录名和密码时分派(dispatch)一个操作来更新商店状态,然后在您想要的所有组件中读取它们。

这是初学者的。 https://redux.js.org/

关于reactjs - 如何从reactjs中的所有组件访问登录详细信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54626872/

相关文章:

javascript - React 使用状态更新输入文本值并使其可变

javascript - 使用react和e.preventDefault()阻止表单提交;

hibernate - 使 JPA EntityManager session 无效

php - 用户登录后如何显示页面

authentication - 如何在 Openssl 中自定义 TLS 握手过程?

javascript - 在 React Native 中使用 React Navigation 重置嵌套导航路由中的父级

javascript - 如何更新 react 组件的渲染数据?

python - Django 中奇怪的 session 对象行为

azure - 为子 webconfig 设置 Azure Redis SessionState 提供程序

php - MySQL 和用户身份验证 - 内部查询与查询后的有力证据?