先看效果图:
整体思路是通过jsonp请求来完成对天气数据的请求,该api接口入参需要当前所在城市名称,所以需要应用到百度地图api获取到本地城市名(附属天气api网站)
注意:使用前,需要先申请百度账号和ak,获取到的ak
天气api网站:https://www.tianqiapi.com/index
百度地图api:https://lbsyun.baidu.com/apiconsole/key#/home
先封装一个tool.jsx用来做天气的请求
import jsonp from "jsonp";
//请求天气
export const reqWeather = (city) => {
return new Promise((resolve, reject) => {