在不同组件之间共享useState

Question

所以我一直在尝试做一个预订系统，每个用户只能预订一次，问题是如何检查哪个用户登录了

组件LoginForm有以下useState:

const [details, setDetails] = useState({ room: "", password: "" });

是否有办法将useState导入到另一个组件?如果没有，是否有办法检查哪个用户登录了?

Answer 1

据我所知，在react应用程序中有两种存储用户详细信息的方法，

方法1:

您可以在contextApi中存储用户详细信息，并通过使用上下文在整个应用程序中使用它。您可以使用createContext创建上下文，并使用useContext在整个应用程序中使用它。使用下面的react js文档链接作为参考，

https://reactjs.org/docs/context.html

方法2:

这是最简单的方法。您还可以使用localStorage来存储用户详细信息，并在您希望从localStorage的任何页面上检索。

将用户详细信息存储在localStorage中。使用下面的代码

localStorage.setItem("userDetails", {username, email, mobileno});

从localStorage检索用户详细信息。您可以使用下面的代码

let userdetails = localStorage.getItem("userDetails");

注意:

您不应该在两种方法中都存储密码。