此处提供图片链接:
我想得到“天气-0 -图标。我怎样才能得到这个?谢谢
useEffect(() => {
axios
.get(`https://api.openweathermap.org/data/2.5/weather?lat=${lat}&lon=${lon}&appid=${api_key}&units=metric`)
.then(response => {
setCurrentWeather(response.data);
console.log(response);
})
}, [])
.............
<div>temperature {currentWeather.main?.temp} Celcius</div>
<img src={`http://openweathermap.org/img/wn/${currentWeather?.weather?.icon}@2x.png`} alt=""></img>
<div>wind {currentWeather.wind?.speed} m/s</div>
2条答案
按热度按时间hsvhsicv1#
请提供更多关于该守则的资料。
这是一个长度为0的数组.如果你只需要第一个项目,你可以这样调用数组:
weather[0].icon
但是你可能需要从数组的所有项目中选择所有图标.所以你可能需要使用for loop
或map
方法wh6knrhe2#
如果你得到了undefined或者这个函数-空字符串,那是因为响应中没有这个字段。