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

时间:2019-02-11 08:54:54

标签: reactjs session login react-router react-context

我有一个登录组件,该组件检查登录凭据并让用户登录到应用程序。登录后,用户将被重定向到名为exchange的组件。还有其他使用登录凭据(用户名和密码)的组件,而不是exchange组件来发出axios获取请求。如何使用户名和密码可用于所有其他组件?我已使用按钮中的链接将用户重定向到其他路由。在不同的路线中,呈现了不同的组件。我想在所有这些组件中使用登录详细信息。

1 个答案:

答案 0 :(得分:2)

如果我们以回应的方式进行讨论,如果许多组件想要访问某些数据,或者一个组件更新某些数据,而这些数据必须可供当前在DOM中或不在DOM中的其他组件使用,那么这总是最好的方法使用一个Redux存储来存储数据并将组件连接到该存储,以便它们在添加到DOM时便可以访问存储数据。

因此,当用户输入登录名和密码以更新存储状态,然后在所需的所有组件中读取它们时,请调度操作。

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