Reactjs map works but forEach doesn’t

by

The map function returns an array of items and forEach just loop over them. To make this code work use :

render() {    
  const items = [];
  this.props.items
    .forEach(item => items.push(
                       <li>
                          <TodoItem id={item.id} key={item.id} text={item.text} />
                       </li>
                     ))

  return(
     <ul>{items}</ul>
  );
}

More Related Contents:

  1. What is component in reactjs?
  2. The useState set method is not reflecting a change immediately
  3. Call child method from parent
  4. Window is not defined in Next.js React app
  5. Correct way to push into state array
  6. Simple Component is not rendering: React js
  7. Console.log() after setState() doesn’t return the updated state
  8. React JS – Uncaught TypeError: this.props.data.map is not a function
  9. Pass react component as props
  10. How to register event with useEffect hooks?
  11. Is there a generic way to set state in React Hooks? How to manage multiple states?
  12. where is create-react-app webpack config and files?
  13. Importing multiple files in react
  14. Support for the experimental syntax ‘jsx’ isn’t currently enabled
  15. Is there a way to use leaflet.heat in react?
  16. How to update the Context value in a Provider from the Consumer?
  17. onEnter not called in React-Router
  18. Loop (for each) over an array in JavaScript
  19. react-router go back a page how do you configure history?
  20. TypeScript React.FC confusion
  21. How to manually invoke Link in React-router?
  22. Infinite scrolling with React JS
  23. React Router Dom routes are returning blank pages
  24. Material-ui adding Link component from react-router
  25. React render() is being called before componentDidMount()
  26. Module build failed (from ./node_modules/babel-loader/lib/index.js): Error: Cannot find module ‘babel-preset-react’
  27. Is there a function, like componentWillUnmount, that will fire before the page is refreshed
  28. React native – objects are not valid as a React child (found: object with keys {$$typeof, type, key, ref, props, _owner, _store})
  29. Vite – change ouput directory of assets
  30. Want to have an event handler for the browser’s back button with next.js

Leave a Comment