/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

17 votes356 views5 answers
React native icons
Javascript React
1 vote403 views1 answer
React native "modalize" above bottom navigation
Javascript React
0 vote424 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React
0 vote424 views2 answers
How to spot Error: Maximum update depth exceeded. in react
Javascript React
0 vote353 views1 answer
How to add css based on route react
Javascript React
0 vote363 views1 answer
Onclick react history map
Javascript React
2 votes362 views3 answers
React scroll on top while transition
Javascript React
11 votes379 views3 answers
React app and tailwind
Javascript React
0 vote407 views1 answer
Onpress react native datepicker stackver flow
Javascript React
1 vote370 views1 answer
How to authenticate token in react using axios
Javascript React