ReactJS 调用 API 和重定向

Question

我在 ReactJs Redux 中遇到了一个问题，我正在尝试使用来自 Url 的 Token 调用 API。如果 API 请求失败，它会将 recoverPasswordToken 的状态更新为 false。我想在失败的情况下重定向到主页。在当前情况下，它不等待 API 响应并且 if 条件运行代表恢复密码令牌默认空值。

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

Answer 1

我觉得你可以用history api代替重定向组件

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

const history = useHistory()

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