Question

我目前无法获取天气API的信息。我可以到达的数据不是数组，而是对象。但是我无法获得天气阵列！看图片！控制台中没有显示错误！

这有效：

.then((json) => setData(json.coord))

<Text style={styles.h1}>{data.lon}</Text>

但是不进入天气！帮助将不胜感激！

This is not working

weather API

从API获取数据并尝试获取 json.weather

const Weather = () => {
  const [isLoading, setLoading] = useState(true);
  const [data, setData] = useState([]);

  useEffect(() => {
    fetch('https://api.openweathermap.org/data/2.5/weather?q=Rotterdam&appid=f7c5a6722f37c1cb782a66e9b904178')
      .then((response) => response.json())
      .then((json) => setData(json.weather))
      .catch((error) => console.error(error))
      .finally(() => setLoading(false));
  });



  return (
    <View>
      <NotiScreen/>
      <Text style={styles.h1}>{weather.id}</Text>
    </View>
  );
}

Answer 1

修复者：

更改：

.then((json) => setData(json.weather))

收件人：

.then((json) => setData(json.weather[0]))

文本元素：

<Text style={styles.h1}> {data.main} </Text>

以前没有用，因为当我尝试此方法时，api阻止了我进行太多请求！

从数组中的对象获取数据-REACT NATIVE

1 个答案: