/Javascript/React/How to add array data on state react

How to add array data on state react

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

Source: stackoverflow.com

Add new array at the back of react state

this.setState(prevState => ({
  myArray: [...prevState.myArray, "new value"]
}))

Source: stackoverflow.com

Add new array at the back of react state

this.setState(prevState => ({
  myArray: ["new value", ...prevState.myArray]
}))

Source: stackoverflow.com

Add new array at the back of react state

this.setState(prevState => ({
  myArray: [ {"name": "object"}, ...prevState.myArray]
}))

Source: stackoverflow.com

How to add array data on state react

// Using hooks

const [array, setArray] = useState([1, 2, 3])

setArray(prevArray => [...prevArray, 4]); // -> [1, 2, 3, 4]

Similar codes

1 vote398 views1 answer
How to find the width of outerconatiner in react native
Javascript React
3 votes456 views3 answers
How to uninstall react native cli globally
Javascript React
1 vote390 views2 answers
React Context API
Javascript React
7 votes368 views3 answers
Add backgorund image in react native app
Javascript React
91 votes435 views7 answers
React-router-dom
Javascript React
0 vote354 views1 answer
How to change background image dynamically in react
Javascript React
0 vote384 views1 answer
. What is the use of the return function in the React Native Framework?
Javascript React
0 vote375 views5 answers
React native cache clear
Javascript React
32 votes387 views1 answer
React roouter dom
Javascript React
21 votes358 views3 answers
Map function in react
Javascript React