एक .map लूप

Question

में आइटम सीमित करें मैं पूछना चाहूंगा कि मैं अपने। मैप लूप को कैसे सीमित कर सकता हूं उदाहरण के लिए केवल 5 आइटमों के लिए, क्योंकि वर्तमान में जब मैं एपीआई एक्सेस करता हूं तो यह 20 आइटम देता है। लेकिन मैं केवल 5 प्रदर्शित करना चाहता हूं। अधिकांशतः जो मैंने पाया वह सभी वस्तुओं की सरणी में लूपिंग कर रहा है और इसे कई वस्तुओं तक सीमित नहीं कर रहा है।

नोट:

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

      return film; 

Answer 1

आप Array#slice का उपयोग करें और केवल तत्वों आप की जरूरत ले सकता है: मैं क्योंकि मैं सिर्फ moviedb एपीआई

यहाँ मेरी कोड का उपयोग कर रहा है एपीआई पर कोई नियंत्रण नहीं।

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

return film; 

आप अब मूल सरणी neet नहीं है, तो आप 5 को लंबाई seting के साथ सरणी उत्परिवर्तित और उसके बाद पुनरावृति सकता है।