В этом тренажёре мы настроим OAuth. Процесс состоит из 2 частей: отправка пользователя на внешний ресурс создание страницы, на которую потом пользователь вернется с токеном Певый шаг в этой

Вопрос пользователя:

В этом тренажёре мы настроим OAuth. Процесс состоит из 2 частей: отправка пользователя на внешний ресурс создание страницы, на которую потом пользователь вернется с токеном Певый шаг в этой уроке уже с имитирован. В этой части вам необходимо реализовать второй пункт. На странице /auth (src/pages/Auth/index.tsx) сделано получение токена, который нам в SearchParams прокинет внешний ресурс. Токен будет лежать в ключе authToken. Необходимо, если токена по какой-то причине нет (например пользователь ввел неверные данные), то необходимо отправить пользователя на адрес /sign-in, а если токен есть, то отправляем его на адрес /. Для редиректа используйте компонент Navigate. import { useSearchParams } from 'react-router-dom'; import React, { useEffect } from 'react'; import { useHistory } from 'react-router-dom'; export const Auth = () => { // Получаем значение из SearchParams const [searchParams] = useSearchParams(); const authToken = searchParams.get('authToken'); return null; };

Ответ нейросети:

Пройдите быструю авторизацию для просмотра:

import { useSearchParams } from 'react-router-dom'; import React, { useEffect } from 'react'; import { useHistory } from 'react-router-dom'; import { Navigate } from 'react-router-dom';

export const Auth = () => { // Получаем значение из SearchParams const [searchParams] = useSearchParams(); const authToken = searchParams.get('authToken'); const history = useHistory();

useEffect(() => {
    if (!authToken) {
        history.push('/sign-in');
    } else {
        history.push('/');
    }
}, [authToken, history]);

return <Navigate to={authToken ? '/' : '/sign-in'} />;

};

Напишите нам, если в вопросе есть ваши персональные данные (yasnoponyatno24@yandex.ru)

useEffect(() => { if (!authToken) { history.push('/sign-in'); } else { history.push('/'); } }, [authToken, history]); return <Navigate to={authToken ? '/' : '/sign-in'} />;

ЯсноПонятно24

Пройдите быструю авторизацию для просмотра:

Пройдите быструю авторизацию для просмотра:

Последние вопросы: