Removing element from array in component state

by

The cleanest way to do this that I’ve seen is with filter:

removeItem(index) {
  this.setState({
    data: this.state.data.filter((_, i) => i !== index)
  });
}

More Related Contents:

  1. How to Protect website code PHP / JS? [closed]
  2. Nested routes with react router v4 / v5
  3. React useEffect in depth / use of useEffect?
  4. Is useState synchronous? [duplicate]
  5. Await is a reserved word error inside async function
  6. Import JSON file in React
  7. How to get the value of an input field using ReactJS?
  8. Uncaught ReferenceError: React is not defined
  9. ReactJS: “Uncaught SyntaxError: Unexpected token
  10. Deprecation warning using this.refs
  11. React: how to load and render external html file?
  12. Binding vs Arrow-function (in JavaScript, or for react onClick)
  13. How to allow CORS in react.js?
  14. css position absolute making the textbox go down
  15. Can’t resolve module (not found) in React.js
  16. React-router v4 – cannot GET *url*
  17. Rendering an array.map() in React
  18. Does new React Context API trigger re-renders?
  19. map function not working in React
  20. Why I receive blank page? React
  21. How to restrict access to routes in react-router?
  22. Detect scroll direction in React js
  23. How to check for broken images in React JS
  24. Why is it necessary to use bind when working with ES6 and ReactJS?
  25. React Router BrowserRouter leads to “404 Not Found – nginx ” error when going to subpage directly without through a home-page click
  26. Destructuring of es6 but passing dynamic variable
  27. Deep nested array of objects not rendering
  28. updateProfile is not a function (Firebase)
  29. Why would we use useEffect without a dependency array?
  30. Get scroll position with Reactjs

Leave a Comment