如何在用户接受后解除阻止Cookie

时间:2019-02-27 10:15:51

标签: reactjs local-storage

在阻止cookie时,我的React应用基于localStorage抛出错误。即使用户阻止了cookie以使我的React应用程序运行后,如何解除阻止cookie。我不想阻止cookie ..需要取消阻止cookie .......

import React, { Component } from 'react';
import HomePage from './components/HomePage/HomePage';
import LoginPage from './components/LoginPage/LoginPage';
import './App.css';




 class App extends Component {
        state={
            isLoggedIn:false,
        cookie:true
        };
      // setter


    // getter


      onLogin = (userId)=>{
        this.setState({isLoggedIn:true})
        console.log(userId)
        localStorage.setItem('userId', userId);


      };
      onLogout = ()=>{
        localStorage.removeItem("userId")
        this.setState({isLoggedIn:false})
      };
      componentDidMount(){
        if(!localStorage){
          this.setState({cookie:false})
        }
        else{
          this.setState({cookie:true})
        }
      }

      render() {
        return (
          //Checking the login condition if logged in redirect to Homepage component
          <div >
          {localStorage.getItem('userId') ?
            <HomePage onLogout={this.onLogout}/>
            :
            <LoginPage className="login-page" onLogin={this.onLogin}/>
          }


          </div>
        );
      }
    }

    export default App;

0 个答案:

没有答案