Correct way to push into state array

by

Using es6 it can be done like this:

this.setState({ myArray: [...this.state.myArray, 'new value'] }) //simple value
this.setState({ myArray: [...this.state.myArray, ...[1,2,3] ] }) //another array

Spread syntax

More Related Contents:

  1. Why is immutability so important (or needed) in JavaScript?
  2. Update one of the objects in array, in an immutable way
  3. setState doesn’t update the state immediately
  4. React setState not updating state
  5. Trying to use fetch and pass in mode: no-cors
  6. Rerender view on browser resize with React
  7. How can I use React hooks in React classic `class` component?
  8. How do I set multipart in axios with react?
  9. Updating and merging state object using React useState() hook
  10. componentDidMount equivalent on a React function/Hooks component?
  11. Why use Redux over Facebook Flux? [closed]
  12. How do I update states `onChange` in an array of object in React Hooks
  13. Client Routing (using react-router) and Server-Side Routing
  14. setTimeout for this.state vs useState
  15. How can I disable all typescript type checking?
  16. How to force a functional React component to render?
  17. How to print React component on click of a button?
  18. Using a Set data structure in React’s state
  19. react-router-dom v6 Routes showing blank page
  20. react-router (v4) how to go back?
  21. React hook useEffect runs continuously forever/infinite loop
  22. Custom _app and _document get ignored when moving files to src/pages folder in Next.js
  23. How can I dispatch function in redux?
  24. React Router BrowserRouter leads to “404 Not Found – nginx ” error when going to subpage directly without through a home-page click
  25. Destructuring of es6 but passing dynamic variable
  26. Deep nested array of objects not rendering
  27. updateProfile is not a function (Firebase)
  28. create-react-app is showing all my code in production, how to hide it?
  29. Why would we use useEffect without a dependency array?
  30. Get scroll position with Reactjs

Leave a Comment