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

Question

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

标签： reactjssessionloginreact-routerreact-context

Answer 1

如果我们用 React 术语来讨论，如果许多组件想要访问一些数据，或者如果一个组件更新了一些数据，这些数据必须可供其他组件使用，而这些组件目前已经或不在 DOM 中，那么最好的方法是使用redux store 存储您的数据并将您的组件连接到它，以便他们在将它们添加到 DOM 的那一刻就可以访问存储数据。

所以当用户输入登录名和密码时调度一个动作来更新存储状态，然后在你想要的所有组件中读取它们。

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