javascript - 从 React 中的文件读取 isLoggedIn

Question

我想在用户未登录时呈现常规登录/注册，在用户登录时呈现仪表板。我目前正在使用静态 react Hook 来实现

const App = () => {
    const [isLoggedIn, SetIsLoggedIn] = useState(false);

    if(isLoggedIn === false){
        return <Content/>
    }
    return <Dashboard/>

};
export default App;

我的问题是:

1. 如何编写文件/sqlite(最佳实践是什么)来存储登录时 isLoggedIn 的值？
2. 当应用启动并提供正确的组件时，如何读取此值？

Answer 1

您可以使用localStorage:

const App = () => {
    const isLoggedIn = localStorage.getItem('isLoggedIn');    

    if(isLoggedIn === false){
        return <Content/>
    }
    return <Dashboard/>

};
export default App;

然后当您更新登录状态时，您会这样做:

localStorage.setItem('isLoggedIn', YOUR_VALUE)

删除此内容的唯一方法是用户清除浏览器历史记录/缓存，但应该没问题。