【全栈React】第14天: 获取远程数据
我们已准备好外部请求获取数据!今天我们来看一下调用外部API的第一步。 直到这一点,我们的应用基本上是静态的。即使我们从 github 显示的数据也是我们项目中包含的静态数据。我们的应用确实和我们使用的数据一样有趣,因此让我们的应用更有趣。 查询远程数据正常的浏览器工作流实际上是同步的。当浏览器接收 html 时,它将解析 html 内容的字符串并将其转换为树对象 (这就是我们通常所指的 DOM 对象/DOM 树)。 当浏览器解析 DOM 树时,当它遇到远程文件 (如 如果我们想从异地获取一些数据怎么办?我们将在启动时对数据进行请求,以在应用中填充数据。但是,由于外部 api 请求的异步特性,_它_不一定那容易做到。 本质上,这意味着我们必须在一段未知的时间内处理 javascript 代码,以及实际发出 http 请求。幸运的是,其他人已经处理这个问题很长一段时间,我们现在有一些很好的方法来处理它。 从处理如何进行 http 请求开始,我们将使用一个库 (称为 获取为了使用获取,我们需要在我们以前创建的应用中安装该库。让我们再次打开一个终端窗口,使用 `npm install --save whatwg-fetch`
安装了该库后,我们可以向离线服务器发出请求。为了获得访问 import React,{ Component } from 'react'; import 'whatwg-fetch'; // ...
在我们的项目中包含 我们明天会有 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |