/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

0 vote209 views1 answer
Avoid compressing imagepicker react native
Javascript React
13 votes194 views1 answer
React making post request
Javascript React
0 vote195 views1 answer
How to change list item text color in react
Javascript React
8 votes207 views3 answers
Export 'Switch' (imported as 'Switch') was not found in 'react-router-dom'
Javascript React
29 votes188 views6 answers
If react
Javascript React
0 vote182 views3 answers
React lifecycle hooks
Javascript React
1 vote223 views1 answer
React native textinput not show cursor
Javascript React
0 vote204 views1 answer
Write button hover in react
Javascript React
0 vote201 views3 answers
How to get state value from history react
Javascript React
0 vote208 views1 answer
React make setstate synchronous
Javascript React