ReactJS教程问题:TypeError:无法读取未定义的属性“ map”

我正在尝试获取nba球员统计信息的某些数据,但我一直收到此“无法读取未定义的属性'map'”错误,并且我不明白为什么。我以相同的方式完成了类似的教程,没有任何问题,所以我很困惑。 这是代码:

function App() {


const [player,setPlayer] = useState([]);
  const [team,setTeam] = useState([]);
  const [loading,setLoading] = useState(true);



useEffect(() => {
    async function fetchStats() {
      let res = await fetch(`https://free-nba.p.rapidapi.com/stats/?format=json`,{
        "method": "GET","headers": {
          "x-rapidapi-host": "free-nba.p.rapidapi.com","x-rapidapi-key": "b9c32f403bmshdcd37fd74ccc767p1748b9jsn94ae938ec129"
        }
      });
      let data = await res.json();
      setPlayer(data.results);
      setLoading(false);

    }
fetchStats();
},[]);

return ( //Added where I'm calling Players 
    <>
      <Router> 
        <Navbar />
        <Container>
          {loading ? (
            <Dimmer active inverted>
              <Loader inverted>Loading</Loader>
            </Dimmer>
          ) : (
            <Switch>
              <Route exact path='/player'>
                <Players data={player} />
              </Route>
              <Route exact path='/team'>
                <Teams data={team} />
              </Route>
            </Switch>
          )}
        </Container>
      </Router>


    </>
  );
}

导出默认功能Players({data}){ 返回(

玩家

{data.map((player,i)=> { //这是我得到错误的地方 返回( {player.first_name} 高度

{player.height_feet}

位置

{player.position}

) })} )

}
fan7286508 回答:ReactJS教程问题:TypeError:无法读取未定义的属性“ map”

我弄清楚出了什么问题。该API正在从名为data的数组中返回数据。

因此,我不得不放置setPlayer(data.data)而不是setPlayer(data.results)

本文链接:https://www.f2er.com/2780552.html

大家都在问