.mapループ内のアイテムを制限する

Question

私は、現在どのように私は20アイテムを返すAPIにアクセスするので、私は5つのアイテムに私の.mapループを制限することができます質問したいと思います。私は5だけを表示したいと思っています。大部分は、オブジェクトの配列全体にすべてループしていて、それをいくつかの項目に限定しているわけではありません。

注：

var film = this.props.data.map((item) => { 
       return <FilmItem key={item.id} film={item} /> 
      }); 

      return film; 

Answer 1

あなたはArray#sliceを使用し、必要な要素だけを取ることができる：私はちょうど

はここに私のコードですmoviedb APIを使用していますので、私はAPIに制御することはできません。あなたはもう元の配列をニートない場合

var film = this.props.data.slice(0, 5).map((item) => { 
     return <FilmItem key={item.id} film={item} /> 
    }); 

return film; 

、あなたは5に長さをSETINGで配列を変化させ、その後、反復可能性があります。