在javascript中从api映射第一个对象

在javascript中从api映射第一个对象,javascript,reactjs,Javascript,Reactjs,我通过 moviesList.map(movie => <MovieCard movieID={movie} key={movie} moviesList.map(movie=>首先,编写moviesList[0]。如果[0]是一个对象,map将使循环崩溃,因为它将不可编辑。因此,基本上需要除去除第一个对象以外的所有对象。可以使用slice()。这里,slice(0,1)表示“在数组中从0到1取所有元素”。因此,只有第一个对象将存活。然后,你的map()将像一个符咒一样工作。此外

我通过

moviesList.map(movie => <MovieCard movieID={movie} key={movie} 

moviesList.map(movie=>首先,编写moviesList[0]。如果[0]是一个对象,map将使循环崩溃,因为它将不可编辑。因此,基本上需要除去除第一个对象以外的所有对象。可以使用slice()。这里,slice(0,1)表示“在数组中从0到1取所有元素”。因此,只有第一个对象将存活。然后,你的map()将像一个符咒一样工作。此外,密钥是一个基本数字“i”,从map()获得,这比传递整个对象要好。如果你想使用对象属性作为密钥,请使用类似于movie.id的内容,而不是整个movies

moviesList.slice(0,1).map((movie,i)=>试试这个

[moviesList[0]].map(movie => <MovieCard movieID={movie} key={movie} 

[moviesList[0]].map(movie=>试试这个

moviesList[0].map(movie=><MovieCard movieID={movie} key={movie}/> )
<MovieCard movieID={moviesList[0]} key={moviesList[0]}/>
moviesList[0]。映射(movie=>)
或者如果你只想显示一个,试试这个

<MovieCard movieID={moviesList[0]} key={moviesList[0]}/>

如果您只想要第一个项目,那么您可能根本不想要.map。要获得第一个项目,您可以执行
moviesList[0]