login ماندن با reactjs

شما به یک url درخواست ایجکس میدی نام کاربری و رمز رو به url میدی در صورت صحیح بودن اطلاعات سرور شما یک توکن براتون برمگیردونه تا اینجا اوکی؟!

axios.post('http://localhost:3000/api/v1/login', {
      email    : this.state.email,
      password : this.state.password
    })
  .then(user => {
    /* */
  })

شما نام کاربری و توکن رو تویی state ذخیره میکنی برای ادامه کارها و در ادامه ش در لوکال استورج

// setter
localStorage.setItem('myData', data);
// getter
localStorage.getItem('myData');
// remove
localStorage.removeItem('myData');
// remove all
localStorage.clear();

یا کوکی هم ذخیره کنید و توی متد componetDidMount فایل app.js همیشه چک میکنی که توکن تویی لوکال استورج یا کوکی رو داری ؟ اگر داری میتونی کامپونت پروفایل کاربر رو براش نمایش بدی یا اگر میخوای مطمئن باشی کاربر دستی توکن رو اضاف نکرده بعد از گرفتن توکن از لوکال استورج یا کوکی به url مورد نظرت درخواست ایجکس میدی و توکن رو ارسال میکنی اگر درست بود اطلاعات کاربری رو میگیری و کامپونت مربوطه رو نمایش میدی.

اینجا با استفاده از Redux توضیح داده
https://jasonwatmore.com/post/2017/09/16/react-redux-user-registration-and-login-tutorial-example