我有一个登录组件,它检查登录凭据并使用户登录到应用程序。登录后,用户被重定向到名为 Exchange 的组件。除了 Exchange 组件之外,还有其他组件使用登录凭据(用户名和密码)来发出 axios get 请求。如何使所有其他组件都可以使用用户名和密码?我使用按钮中的链接将用户重定向到不同的路线。在不同的路由中,渲染不同的组件。我想在所有这些组件中使用可用的登录详细信息。
最佳答案
如果我们用 react 术语来谈论,如果许多组件想要访问某些数据,或者如果一个组件更新了一些数据,而这些数据必须可供其他当前处于或未处于 DOM 中的组件使用,那么这始终是最佳方法使用 redux 存储来存储您的数据并将您的组件连接到它,以便它们在添加到 DOM 时就可以访问存储数据。
因此,当用户输入登录名和密码时分派(dispatch)一个操作来更新商店状态,然后在您想要的所有组件中读取它们。
这是初学者的。 https://redux.js.org/
关于reactjs - 如何从reactjs中的所有组件访问登录详细信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54626872/