有人能幫我解決這個(gè)錯(cuò)誤嗎？我正在嘗試為國家名稱創(chuàng)建一個(gè)下拉選擇器，從以下 API 路徑中提取：https ://api.covid19api.com/countriesTypeError: Country.map is not a functionat fetchCountries (index.js:29)at async fetchAPI (CountryPicker.jsx:13)這是我正在處理的兩個(gè)代碼部分：CountryPicker.jsximport React, { useState, useEffect } from 'react';import { NativeSelect, FormControl } from '@material-ui/core';import styles from './CountryPicker.module.css';import { fetchCountries } from '../../api';const CountryPicker = () => { const [fetchedCountries, setFetchedCountries] = useState([]); useEffect(() => { const fetchAPI = async () => { setFetchedCountries(await fetchCountries()); }; fetchAPI(); }, [setFetchedCountries]); console.log(fetchedCountries); return ( <FormControl className={styles.formControl}> <NativeSelect > <option value="">Global</option> </NativeSelect> </FormControl> );};export default CountryPicker;index.jsimport axios from 'axios';const summary = 'https://api.covid19api.com/summary';const countriesURL = 'https://api.covid19api.com/countries';export const fetchData = async () => { try { const { data: { Global: { NewConfirmed, TotalConfirmed, NewDeaths, TotalDeaths, NewRecovered, TotalRecovered, }, Date } } = await axios.get(summary); return { NewConfirmed, TotalConfirmed, NewDeaths, TotalDeaths, NewRecovered, TotalRecovered, Date }; } catch (error) { console.log(error); }}//TODO//Fetch Daily Data for charts using axiosexport const fetchCountries = async () => { try { const { data: [ {Country} ] } = await axios.get(countriesURL); return Country.map((Country) => Country); } catch (error) { console.log(error); } };我試圖查找錯(cuò)誤可能發(fā)生的原因，我發(fā)現(xiàn) .map() 不適用于不是數(shù)組的變量，但我不確定當(dāng)前的實(shí)現(xiàn)，如何解決這個(gè)問題API 中的數(shù)據(jù)如下所示：[ {"Country":"Micronesia, Federated States of","Slug":"micronesia","ISO2":"FM"}, {"Country":"Bangladesh","Slug":"bangladesh","ISO2":"BD"}, {"Country":"Bouvet Island","Slug":"bouvet-island","ISO2":"BV"}, // ...and so on...]
在 React 中使用 .map() 時(shí)，任何人都可以幫助解決類型錯(cuò)誤問題嗎？
ITMISS
2022-07-01 16:59:48
