Javascript 在react中获取数据的方式和位置

如何在React中处理AJAX请求？React本身并不支持任何特定的数据获取方式。react中哪个钩子最适合获取数据[constructor，componentdidmount]或具有自定义钩子[static method]。

调用AJAX请求的位置取决于您的功能

如果需要在装入组件时或以重复间隔调用AJAX，则应在

componentDidMount

函数中调用它。例如，可以定期从服务器获取数据以在屏幕上更新

如果您想在事件上发送AJAX请求，您应该在自定义函数中包含它。例如，将输入值发布到后端api

---

为了进行AJAX调用，您可以使用npm包，在React中没有获取AJAX请求的特定位置。这主要取决于您的功能。到目前为止，我已经在'ComponentWillMount'方法中进行了AJAX调用，以便尽快准备好数据

此外，有时我需要在安装组件后从服务器获取数据。因此，在这种情况下，我必须使用这种变通方法：

---

这里最重要的主题是在从服务器获取数据后，不要阻塞渲染接口并正确设置状态。

您应该使用axios库获取数据。这里是链接。