zip-code-react-lab:学习使用fetch()从React应用访问API

时间:2024-06-04 03:01:15
【文件属性】:

文件名称:zip-code-react-lab:学习使用fetch()从React应用访问API

文件大小:509KB

文件格式:ZIP

更新时间:2024-06-04 03:01:15

HTML

邮政编码React实验室 在本练习中,您将创建两个React应用程序: 第一个应用程序允许用户按邮政编码搜索并检索该邮政编码内的城市信息。 第二个应用程序允许用户按城市名称搜索并检索该城市的相关邮政编码。 为了实现这些应用程序,您将获得可以从React应用程序访问的Zip Code API的访问权限。 。 项目1:邮政编码搜索应用 在这个项目中,您将构建一个简单的邮政编码搜索应用程序。 我们将需要一个输入字段,用户可以在其中输入邮政编码,如下图所示: 我们将使用用户输入来 。 如果邮政编码有效,则API将为每个城市提供一个对象作为响应。 使用该响应在单独的div中显示每个城市,如下图所示: 入门 分叉此仓库并克隆您的叉子 cd zip-code-react-lab/zip-search npm install npm start npm start将启动一个React开发服务


【文件预览】:
zip-code-react-lab-master
----zip-search-2.png(153KB)
----README.md(5KB)
----zip-search-1.png(50KB)
----zip-search()
--------.gitignore(310B)
--------package.json(755B)
--------package-lock.json(1.41MB)
--------src()
--------public()
--------README.md(3KB)

网友评论