How to save React user session?

Question

React

Good afternoon, how can I save the user session, namely the login state on React?

Answer 1

What can be recommended here.
When logging in, store the token in the cookie and application storage.
If you use axios, then you can store the token in the default headers.
Example using redux, js-cookie and axios:

cookie.set('token', token);
dispatch(setToken(token)); // если не используете Redux, тут будет this.setState
axios.defaults.headers.common.Authorization = `Bearer ${token}`;

During initialization, check for the presence of a token:

const token = cookie.get('token');

if (token) {
  dispatch(setToken(token));
  axios.defaults.headers.common.Authorization = `Bearer ${token}`;
  // other actions
}

Delete the token on logout:

dispatch(deleteToken());
cookie.erase('token');
delete axios.defaults.headers.common.Authorization;