React中请求远程数据的四种方法有哪些？

本文共计1878个文字，预计阅读时间需要8分钟。

请求获取远程数据的四种方法：

1.直接在React组件中发起HTTP请求并处理响应；

2.创建一个文件夹，将发起HTTP请求的函数放入其中，集中处理请求和数据；

3.使用自定义Hook来请求数据；

4.利用API调用库进行数据请求。

请求远程数据的四种方法：1、直接在React组件中进行HTTP调用并处理响应；2、创建一个文件夹，把进行HTTP调用的函数都放进去，集中请求数据并处理响应；3、自定义Hook来请求数据；4、使用“react-query”或swr来请求数据。

本教程操作环境：Windows7系统、react17.0.1版、Dell G3电脑。

React 中请求远程数据的四种方法

React 是一个专注的组件库。因此，它对如何请求远程数据没有什么建议。如果要通过 HTTP 请求数据并将其发送到 Web API，可以考虑下面四种方法。

• 内联写法

• 集中管理

• 自定义 Hook

• react-query/swr

注意：在本文中，我将使用 fetch 进行 HTTP 调用，但是这些模式也适用于 Axios 之类的替代方法。另外，如果你使用的是 GraphQ L，还可以考虑使用 Apollo 之类的其他不错的选择。这篇文章假设你正在调用传统的 REST API。