ReactJS API вызова и перенаправления

Question

У меня проблема с ReactJs Redux. Я пытаюсь вызвать API с помощью Token из Url. Если запрос API завершился неудачно, он обновит состояние recoveryPasswordToken до false. Я хочу перенаправить на домашнюю страницу в сбойном состоянии. В текущем случае это не ожидание ответа API, и если условие выполняется от имени recoveryPasswordToken нулевое значение по умолчанию.

useEffect(() => {
        checkRecoverPasswordToken(match.params.token);
 if (!recoverPasswordToken) {
        console.log('working');
        return <Redirect to="/" />
    }
    }, []);

Answer 1

Я думаю, что вы можете использовать историю API вместо компонента Redirect

import {useHistory} from "react-router"
//...

const history = useHistory()

useEffect(() => {
  checkRecoverPasswordToken(match.params.token).then(()=>{
     if (recoverPasswordToken) {
        history.push("/")
      }
   });
}, []);