我正在尝试获取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}
) })} )
}