第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問(wèn)題,去搜搜看,總會(huì)有你想問(wèn)的

如何遍歷json api數(shù)據(jù)對(duì)象

如何遍歷json api數(shù)據(jù)對(duì)象

白板的微信 2023-05-25 16:29:40
我正在嘗試使用天氣 api 獲取特定位置的當(dāng)前溫度。我想使用天氣 api 的響應(yīng)并使用 react 存儲(chǔ)在 State 中。我的問(wèn)題是我在遍歷 json 數(shù)據(jù)時(shí)總是出錯(cuò)。WeatherApp.js:53 Uncaught TypeError: Cannot read property 'temp_c' of undefined這是我記錄到控制臺(tái)的 json 響應(yīng)數(shù)據(jù)。這里的每個(gè)請(qǐng)求是來(lái)自 weather.current 的響應(yīng)代碼:import React, { useEffect, useState } from "react";import Axios from "axios";function WeatherApp() {  const [weather, setWeather] = useState([]);  useEffect(() => {    async function getWeather() {      Axios.get(        "https://api.weatherapi.com/v1/current.json?key=xxxx&q=40507"      )        .then(response => {          setWeather(response.data);        })        .catch(e => console.log("There was an error that occurred."));    }    getWeather();  }, []);  return (    <div>      <h1>hello!</h1>      {console.log(weather.current.temp_c)}      // I am able to print to the console when i do the following      {console.log(weather.curret)}    </div>  );}export default WeatherApp;我沒(méi)有正確遍歷 json 數(shù)據(jù)嗎?
查看完整描述

2 回答

?
胡說(shuō)叔叔

TA貢獻(xiàn)1804條經(jīng)驗(yàn) 獲得超8個(gè)贊

weather您指定的 的默認(rèn)值是[]:一個(gè)空數(shù)組。

[].current將是未定義的,因此會(huì)出現(xiàn)錯(cuò)誤。

要么使用一組更完整的默認(rèn)數(shù)據(jù)。或測(cè)試是否weather.current具有價(jià)值。


查看完整回答
反對(duì) 回復(fù) 2023-05-25
?
人到中年有點(diǎn)甜

TA貢獻(xiàn)1895條經(jīng)驗(yàn) 獲得超7個(gè)贊

您忘記了您的效果是異步的。


在第一個(gè)渲染中,weather將被設(shè)置為[],因?yàn)檫@就是useState設(shè)置它的原因。您將要在稍后完成的效果排隊(duì),然后渲染效果前的元素:


return (

    <div>

      <h1>hello!</h1>

      {console.log(weather.current.temp_c)}

    </div>

  );

由于weather等于[],weather.current是undefined。undefined.temp_c是一個(gè)TypeError。


放置在獲取數(shù)據(jù)后console.log運(yùn)行的代碼。


查看完整回答
反對(duì) 回復(fù) 2023-05-25
  • 2 回答
  • 0 關(guān)注
  • 135 瀏覽
慕課專(zhuān)欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢(xún)優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)