Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/22.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 从React中的文件读取isLoggedIn_Javascript_Reactjs - Fatal编程技术网

Javascript 从React中的文件读取isLoggedIn

Javascript 从React中的文件读取isLoggedIn,javascript,reactjs,Javascript,Reactjs,如果用户未登录,我希望为其提供常规登录/注册,如果用户已登录,则提供仪表板。我目前正在使用一个静态的react钩子 const App = () => { const [isLoggedIn, SetIsLoggedIn] = useState(false); if(isLoggedIn === false){ return <Content/> } return <Dashboard/> }; export de

如果用户未登录,我希望为其提供常规登录/注册,如果用户已登录,则提供仪表板。我目前正在使用一个静态的react钩子

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

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

};
export default App;
我的问题是:

如何编写文件/sqlite登录时存储isLoggedIn值的最佳做法是什么? 当应用程序启动并提供正确的组件时,如何读取该值? 您可以使用本地存储:

唯一可以删除的方法是用户清除浏览器历史记录/缓存,但您应该没有问题

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

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

};
export default App;
localStorage.setItem('isLoggedIn', YOUR_VALUE)