Send Data From One Component to another using session Storage in React JS.

General Tech Bugs & Fixes 2 years ago

0 1 0 0 0 tuteeHUB earn credit +10 pts

5 Star Rating 1 Rating

Posted on 16 Aug 2022, this text provides information on Bugs & Fixes related to General Tech. Please note that while accuracy is prioritized, the data presented might not be entirely correct or up-to-date. This information is offered for general knowledge and informational purposes only, and should not be considered as a substitute for professional advice.

Take Quiz To Earn Credits!

Turn Your Knowledge into Earnings.

tuteehub_quiz

Answers (1)

Post Answer
profilepic.png
manpreet Tuteehub forum best answer Best Answer 2 years ago

I want to get user data after login on dashboard like username, email etc.how can i get it from login component to dashboard component in react js.

I am using sessionStorage to save the user data and i want to get it on dashboard using session storage

 

login component code as follow:

 

// login function goes here

 login=()=>{

  if(this.state.email && this.state.password){

   PostData('login',this.state).then((result)=>{

    let responseJSON=result; 

    

    if(responseJSON){

     

      sessionStorage.setItem('userData',JSON.stringify(responseJSON));

      

      if(responseJSON.responseCode== 101) {  

        //console.log(responseJSON);

        this.setState({alert:'alert alert-danger'});

        this.setState({errorMsg:responseJSON.response});  

        this.setState({redirect:false});  

        }

        else if(responseJSON.responseCode==100){

          this.setState({redirect:true}); 

        }

    };

    

 

   })

No matter what stage you're at in your education or career, TuteeHub will help you reach the next level that you're aiming for. Simply,Choose a subject/topic and get started in self-paced practice sessions to improve your knowledge and scores.