Limit items in a .map loop

by

You could use Array#slice and take only the elements you need.

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

return film;

If you do not need the original array anymore, you could mutate the array by setting the length to 5 and iterate them.

More Related Contents:

  1. Javascript: Do I need to put this.var for every variable in an object?
  2. Difference between dates in JavaScript
  3. How to group by and sum an array of objects? [duplicate]
  4. Spread Syntax ES6
  5. Set Webkit Keyframes Values Using Javascript Variable
  6. saving and retrieving from chrome.storage.sync
  7. Eval is evil… So what should I use instead?
  8. Accessing Shadow DOM tree with Selenium
  9. How to build minified and uncompressed bundle with webpack?
  10. How to disable button in React.js
  11. Google Apps Script toast messages don’t appear for anonymous editors
  12. How to test the type of a thrown exception in Jest
  13. How can I see the machine code generated by v8?
  14. FormData created from an existing form seems empty when I log it [duplicate]
  15. Error [ERR_REQUIRE_ESM]: require() of ES Module not supported [duplicate]
  16. Redirect form to different URL based on select option element
  17. angular directive ignore non-numeric input
  18. Split JavaScript array in chunks using Lodash
  19. How to get value translateX by javascript
  20. Remove all attributes
  21. scrollIntoView vs moveToElement
  22. javascript – Age calculation
  23. How to get the image size (height & width) using JavaScript
  24. How can I read a JSON in the script-tag from JavaScript?
  25. WebRTC – scalable live stream broadcasting / multicasting
  26. Jquery getJSON cross domain problems
  27. How can I have a host and container read/write the same files with Docker?
  28. Automatically resize jQuery UI dialog to the width of the content loaded by ajax
  29. Get today date in Google Apps Script
  30. How to get simple dispatch from this.props using connect w/ Redux?

Leave a Comment