亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

使用 React,如何從 API 中的 JSON 中獲取數據 - 數組對象

使用 React,如何從 API 中的 JSON 中獲取數據 - 數組對象

慕桂英4014372 2023-02-17 15:57:11
我目前正在使用這個 API https://covid19.mathdro.id/api/countries來練習抓取數據。我正在嘗試選擇,有一個下拉選項,我可以在其中選擇一個國家(并獲取國家/地區代碼 (iso3) 作為值/密鑰),然后顯示統計信息(例如已確認、已恢復等)。使用 console.log,我返回:{countries: Array(188)} countries: (188) [{…}, {…}, …] __proto__: Object國家似乎是一個內部嵌套數組和對象的對象:{countries: Array(188)} countries: Array(188)  [0 … 99]  [100 … 187]我目前正在嘗試獲取國家然后映射兩個數組:[0 ... 99]和[100 ... 187],以便最后我可以使用數據動態呈現國家名稱的下拉選項列表( <select>+ ),例如:并選擇一個國家并查看所選國家的統計信息。<option>{name: "Afghanistan", iso2: "AF", iso3: "AFG"}在 React 渲染中:  return (    <div>      <select>        {grabbingData.map(([country, code]) => (          <option key={code} value={countries.iso3[code]}>            {country}          </option>        ))}      </select>    </div>  );使用console.log(countries.countries[187]),我可以抓取{name: "Zimbabwe", iso2: "ZW", iso3: "ZWE"},但無法呈現帶有國家/地區名稱的選擇選項下拉列表。
查看完整描述

1 回答

?
茅侃侃

TA貢獻1842條經驗 獲得超21個贊

你正在摧毀這個國家,而array不是在object你的內部map。


另外,我不明白value你的 each option。我想你想把每個都設置value成一個object?如果是,你不會想要那樣做。


我建議你這樣做。


...


function onChange(event) {

  const { value } = event.target;

  const selectedCountry = countries.find(({ iso2 }) => iso2 === value);


  console.log(selectedCountry);

}


return (

  <div>

    <select onChange={onChange}>

      {countries.map((country, i) => (

        <option key={i} value={country.iso2}>

          {country.name}

        </option>

      ))}

    </select>

  </div>

);

如果您想獲取所選國家/地區的統計數據,則必須包括要在您的問題上使用的 API。目前您提到的 API 只返回countries.



查看完整回答
反對 回復 2023-02-17
  • 1 回答
  • 0 關注
  • 149 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號