如何在React中处理AJAX请求?React本身并不支持任何特定的数据获取方式。react中哪个钩子最适合获取数据[constructor,componentdidmount]或具有自定义钩子[static method]。
AJAX请求的调用位置取决于您的功能,
>
如果需要在装入组件时或以重复间隔调用AJAX,则应在componentDidMount
函数中调用它。例如,可以定期从服务器获取数据以在屏幕上更新。
如果您想在事件上发送AJAX请求,您应该在自定义函数中拥有它。一个例子是将输入值发布到后端api
为了进行AJAX调用,您可以使用axios,获取npm包
在React中没有获取AJAX请求的特定位置。这主要取决于您的功能。到目前为止,我已经在'ComponentWillMount'方法中进行了AJAX调用,以便尽快准备好数据。
此外,有时我需要在安装组件后从服务器获取数据。所以在这种情况下,我必须在未安装的组件上使用这个解决方案:React-setState()
这里最重要的主题是在从服务器获取数据后,不要阻塞渲染接口并正确设置状态。