javascript - 如何停止执行react代码直到axios请求完成?

标签 javascript reactjs axios sendasynchronousrequest

我正在使用 React JS。

首先,我需要使用 REST API 从数据库中获取数据,根据这个结果,我设置了一些变量,并将其进一步传递给另一个类。现在我想通过axios发出同步请求,这样只有在设置数据后控制才应该进行下一步。简而言之,我想停止渲染代码,直到我的变量设置为数据。如何通过axios实现这一点?

最佳答案

在 React 中没有办法做到这一点。这是故意的。 你应该考虑如何处理这个问题。

这里显而易见的选择是在等待响应时显示加载指示器或任何其他形式的输出以呈现。

收到响应后,您可以设置状态以重新渲染组件并显示所需的输出。

关于javascript - 如何停止执行react代码直到axios请求完成?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/40719652/

相关文章:

php - 如何通过 Axios 将文件发送到 Laravel

javascript - Browserify:覆盖包并使用不同的主文件

javascript - 如何在一个方向上改变 <hr> 元素的宽度?

javascript - 显示/隐藏 div (ASP.NET MVC)

javascript - 为 AppBar 的 iconElementLeft 添加触摸事件 - material-ui

javascript - React 组件检查变量是否为空

javascript - 防止requestAnimationFrame一直运行

reactjs - React Jest 测试 onSubmit

ajax - Axios与Superagent

vue.js - 在 DOM Vue 中推送不更新数组