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

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了从数组中的对象获取数据-REACT NATIVE相关的知识,希望对你有一定的参考价值。

我目前一直无法从天气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>
  );
}
答案

固定于:

正在更改:

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

收件人:

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

文本元素:

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

以前没有用,因为当我尝试此方法时,api阻止了我发送太多请求!

以上是关于从数组中的对象获取数据-REACT NATIVE的主要内容,如果未能解决你的问题,请参考以下文章

React Native 中的二维数组循环视图

如何从带有条件的 React Native 中的 API 数组结果中获取记录?

react native 如何处理对象和数组?

从 React Native 中的数组映射函数动态渲染内容

在 react-native 中迭代 JSON 数组

React Native - 渲染从 API 获取数据的屏幕时出现“未定义不是对象”错误