“this” is undefined inside map function Reactjs

by

Array.prototype.map() takes a second argument to set what this refers to in the mapping function, so pass this as the second argument to preserve the current context:

someList.map(function(item) {
  ...
}, this)

Alternatively, you can use an ES6 arrow function to automatically preserve the current this context:

someList.map((item) => {
  ...
})

More Related Contents:

  1. React: “this” is undefined inside a component function
  2. TypeError: Cannot read property ‘setState’ of undefined
  3. How to bind onclick handlers to `this` properly on React
  4. How does event handlers with arrow functions achieve context binding
  5. Build an HTML table using React from arrays [closed]
  6. Why can’t I directly modify a component’s state, really?
  7. map function for objects (instead of arrays)
  8. How to delete an item from state array?
  9. How can I use multiple refs for an array of elements with hooks?
  10. React Router with optional path parameter
  11. Set “this” variable easily?
  12. npm start error with create-react-app
  13. ReactJS and images in public folder
  14. How to render HTML string as real HTML?
  15. Deprecation notice: ReactDOM.render is no longer supported in React 18
  16. Multiple Nested Routes in react-router-dom v4
  17. React JS onClick event handler
  18. React.createClass vs. ES6 arrow function
  19. Is it an anti-pattern to define a function component inside the render() function?
  20. In Firebase when using push() How do I get the unique ID and store in my database [duplicate]
  21. Functions are not valid as a React child. This may happen if you return a Component instead of from render
  22. How to use setState inside callback: ReactJS
  23. React hooks: call component as function vs render as element
  24. How can I block a React component to be rendered until I fetched all informations?
  25. using history with react-router-dom v6
  26. React-Redux: Should all component states be kept in Redux Store
  27. React.js best practice regarding listening to window events from components
  28. React’s setState method with prevState argument
  29. How to render a Object in React?
  30. How to fetch data server-side in the app directory of Next.js? Tried getStaticProps but it’s returning undefined

Leave a Comment