如何将登录用户的数据存储在ReactJS中?

如何将登录用户的数据存储在ReactJS中?,reactjs,Reactjs,有点像React的初学者,所以我有一个关于用户的问题,以及在您登录后如何重用数据 因此,在PHP中,我可以通过运行来检查您是否登录了,我想知道的是如何使用React进行登录 我的后端基于PHP来回发送JSON数据。其中一个请求是当您登录时。我现在将数据存储在 LoalSturt中,但是希望根据签入状态在一些页面上显示不同的数据,并且我想在页面中间显示用户数据,如欢迎返回(用户)。代码> 做这件事最好的方法是什么?最好不要在Reactjs中内置任何东西。我不确定您为什么不希望在客户端中这样做,因为

有点像React的初学者,所以我有一个关于用户的问题,以及在您登录后如何重用数据

因此,在PHP中,我可以通过运行
来检查您是否登录了,我想知道的是如何使用React进行登录

我的后端基于PHP来回发送JSON数据。其中一个请求是当您登录时。我现在将数据存储在 LoalSturt中,但是希望根据签入状态在一些页面上显示不同的数据,并且我想在页面中间显示用户数据,如<代码>欢迎返回(用户)。代码>


做这件事最好的方法是什么?最好不要在Reactjs中内置任何东西。

我不确定您为什么不希望在客户端中这样做,因为这并不难实现。在React中,您需要一种管理应用程序状态的方法。您可以将登录状态存储在上下文API中,这对于小型应用程序来说是可以的,更复杂的应用程序可能会使用Redux()之类的东西

如果您使用上下文,您应该看到例如哪个讨论了这一点

您现在还可以使用钩子来管理上下文API,这将在React文档()中介绍

一旦拥有loggedInStatus(例如作为状态属性),您就可以通过多种方式显示不同的视图,例如,有条件地使用

<div>
{ 
  this.state.loggedIn &&
  <MyLoggedInView />
}
</div>

{ 
这个,state,loggedIn&&
}
例如,通过路由

我希望这能给你一些想法