Задать вопрос
@maxemga

Как правильно реализовать вывод имени в личном кабинете?

У меня есть приложение на с регистрацией, логином и личным кабинетом. При Логине я хочу чтобы на странице у меня отображалось имя данного сейчас аккаунта и у меня это получилось
При Логине я выполняю функцию, которая отправляет имя в кастомный хук, беру имя в App.js и с помощью контекста отправляю имя в нужный мне компонент чтобы там его отобразить:
const Login = async (values) => {
        try {
            const data = await request('/api/auth/login', 'POST', values)
            console.log(data)

            auth.login(data.token, data.userId, data.name)
        }
        catch(e) {
            console.log("Не удалось войти")
        }
    }

Все работает, но вот при перезагрузки страницы, имя обнуляется (и это логично, ибо имя берется лишь при логине, а при перезагрузки ничего не берется). И вопрос, как мне сделать это правильно и чтоб при перезагрузки Имя сохранялось?
  • Вопрос задан
  • 78 просмотров
Подписаться 1 Простой Комментировать
Помогут разобраться в теме Все курсы
  • Яндекс Практикум
    React-разработчик
    3 месяца
    Далее
  • Merion Academy
    Frontend-разработка на React
    4 месяца
    Далее
  • ProductStar
    React: отточите навыки интерфейсной разработки
    6 недель
    Далее
Решения вопроса 1
Devilz_1
@Devilz_1
Frontend-Developer
Ну например:

Шлём некие данные (которые юзер заполняет) на сервер. Если данные верные, то сервер отдаёт нам персональный токен для юзера. Получив этот токен, пользователь становится авторизованным. Кладём этот токен в локальный сторадж. Теперь мы можем каждый ребут сайта, проверять: если токен есть, значит делаем запрос на серв для получения инфы о пользователе. Если токена нет, значит юзер не авторизован.
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы
ITK academy Нижний Новгород
от 50 000 до 90 000 ₽
от 250 000 до 300 000 ₽
IT ATLAS Москва
от 200 000 до 250 000 ₽