javascript - 在 React JSX 中满足先决条件之前，新页面正在渲染

Question

我有一个登录页面，在成功验证后，服务器端将使用 react 路由器更改页面。但是，由于某种原因，新的“联系”页面在请求函数完成其任务之前呈现。

handleSubmit() {
    if (makeRequest(this.state.username, this.state.password)) {
        browserHistory.replace('Contact');
    }
}

有趣的是，如果登录详细信息无效，页面将不会更改。我在请求函数中有控制台日志，如果运行该函数，则应显示该日志，但在输入有效详细信息时，它们不会显示。

如果替换被注释掉，则 makeRequest() 会正确完成其任务。

我对 JS 和 React 很陌生，我知道我的逻辑一定犯了错误!谢谢!

Answer 1

你的makeRequest是一个异步任务，你应该使用异步任务管理解决方案，例如Promise、Generator、async wait