reactjs 我想从javascript对象获取数据

rqcrx0a6  于 2022-12-18  发布在  React
关注(0)|答案(2)|浏览(117)

此处提供图片链接:

我想得到“天气-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>
hsvhsicv

hsvhsicv1#

请提供更多关于该守则的资料。
这是一个长度为0的数组.如果你只需要第一个项目,你可以这样调用数组:weather[0].icon但是你可能需要从数组的所有项目中选择所有图标.所以你可能需要使用for loopmap方法

wh6knrhe

wh6knrhe2#

function getWeatherIcon(currentWeather){
  const weather = currentWeather.weather;
  if(isArray(weather)){
    return weather[0]?.icon ?? '';
  }
  return '';
}

如果你得到了undefined或者这个函数-空字符串,那是因为响应中没有这个字段。

相关问题