Bir .map döngüsündeki öğeleri sınırla

Question

.map döngüsünü, örneğin bir api'ye eriştiğimde 20 öğe döndürdüğünden, örneğin 5 öğeye nasıl sınırlandırabilirim diye sormak istiyorum. ama sadece 5'i görüntülemek istiyorum. Çoğunlukla bulduğum şey, tüm nesne dizisi boyunca döngü yapmak ve bir dizi öğeye sınırlamak değil.

Not:

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

      return film; 

Answer 1

Sen Array#slice kullanabilir ve yalnızca gereken unsurları ele geçirebilir: Sadece

İşte benim kod MovieDB API kullanıyorum çünkü API üzerinde hiçbir kontrole sahip. artık orijinal diziyi neet yoksa

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

return film; 

, sen 5 için uzunluğunu seting ile dizi mutasyon geçirip sonra yineleme başladı.