Как определить, что ты авторизован по JWT токену в реакт?

Question

[StepsOnes]

При регистрации или логине я достаю из api Jwt Token и заношу его в localstorage, затем посылаю его в headers, так вот, как реакту понять, что ты авторизован? Сделать еще localstorage с isAuth и при отправке токена менять на true?

Comments

[szQocks]

как реакту понять, что ты авторизован?

при входе на сайт или вообще ?

[StepsOnes]

szQocks, ну вот зашёл пользователь на сайт и мне нужно вывести информацию только авторизоваться пользователям, ограничить роуты и т.д. Но как это правильнее сделать? Создать useEffect, который будет проверять localstorage(его значение isAuth) и записывать значение в store(например redux)

[szQocks]

StepsOnes, при входе на сайт, проверить localStorage на наличие accessToken , если он там есть,
в useEffect отправлять запрос на рефреш токенов ( отправлять refreshToken на получение новых токенов ), в ответ придут 2 токена ну и соответственное данные о юзере, токены сохраняем туда куда надо, а данные о юзере заносим в стейт

[StepsOnes]

szQocks, т.е можно просто проверять на наличие токена в сторадж, понял, спасибо)

[szQocks]

StepsOnes, да, а при выходе из аккаунта просто удаляешь токены с фронта везде и всё

Answer 1

[szQocks]

при входе на сайт, проверить localStorage на наличие accessToken , если он там есть,
в useEffect отправлять запрос на рефреш токенов ( отправлять refreshToken на получение новых токенов ), в ответ придут 2 токена ну и соответственное данные о юзере, токены сохраняем туда куда надо, а данные о юзере заносим в стейт