/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 vote136 views1 answer
Navigation scroll react
Javascript React
15 votes118 views2 answers
React check if url address is valid
Javascript React
0 vote150 views3 answers
React-native restart app
Javascript React
3 votes124 views2 answers
React native pm ERR! code EINTEGRITY
Javascript React
0 vote161 views1 answer
React native make safe view in mobile
Javascript React
0 vote140 views4 answers
Create a virtual reality website using react js
Javascript React
4 votes121 views3 answers
Get params in react router dom v6
Javascript React
0 vote126 views2 answers
How to add fcc cdn to local react projcet
Javascript React
0 vote131 views1 answer
ERROR in ./node_modules/react-icons/all.js 4:0-22
Javascript React
15 votes125 views8 answers
React bootstrap
Javascript React