如何访问 api 对象中的键

Question

我正在尝试从 API 的选择选项中获取国家/地区 https://covid19.mathdro.id/api/countries.

github 链接：https://github.com/nitink66/corona-updates

它过去两天都可以正常工作，但现在我只是在选择选项中获取数字而不是国家/地区。 我应该如何访问这些国家，以便我可以在选择选项标签上显示它。

  const respCountries = await Axios.get("https://covid19.mathdro.id/api/countries");
  const countries = Object.keys(respCountries.data.countries);
  this.setState({
    confirmed: respApi.data.confirmed.value,
    recovered: respApi.data.recovered.value,
    deaths: respApi.data.deaths.value,
    countries
  });
}

renderCountryOptions(){
  return this.state.countries.map((country,i)=>{
      return <option key={i}>{country}</option>
  });
}

Answer 1

删除Object.keys，这是不必要的，并且您的国家/地区更新状态不正确

const countries = respCountries.data.countries;

this.setState({
    confirmed: respApi.data.confirmed.value,
    recovered: respApi.data.recovered.value,
    deaths: respApi.data.deaths.value,
    countries: countries,
  });

renderCountryOptions(){
  return this.state.countries.map((country,i)=>{
      return <option key={i}>{country.name}</option>
  });
}

Answer 2

{country.name} 国家现在是具有其他属性的对象。