Как сохранить сессию пользователя React?

Question

[Никита]

Добрый день, как можно сохранить сессию пользователя, а именно login state на React?

Comments

[Антон Спирин]

Какую именно сессию вы имеете ввиду?

[Никита]

Антон Спирин, логин стейт, до меня пока что допёрло сделать сохранение токена JWT в куки, и при обращении к API вытаскивать из jwt нужные данные

[Антон Спирин]

Никита, а что именно не получается?

[Никита]

Антон Спирин, хотелось поинтересоваться может есть какой-то более разумный метод, ибо текущий кажется костыльным :)

Answer 1

[Антон Спирин]

Что тут можно порекомендовать.
При авторизации сохраняйте токен в cookie и хранилище приложения.
Если используете axios, то можно сохранить токен в заголовки по-умолчанию.
Пример с использованием redux, js-cookie и axios:

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

При инициализации проверяйте наличие токена:

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

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

При логауте удаляйте токен:

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