/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 vote275 views1 answer
How to change the choose file button text in react
Javascript React
8 votes213 views4 answers
Props react
Javascript React
1 vote206 views1 answer
React native cannot make request on localhost
Javascript React
0 vote217 views1 answer
React merge two objects
Javascript React
0 vote173 views1 answer
React node github project
Javascript React
0 vote249 views1 answer
On close tab react native web
Javascript React
0 vote247 views1 answer
React native panresponder on click
Javascript React
0 vote230 views3 answers
Django send and receive image data to react
Javascript React
0 vote237 views1 answer
Get id button clicked react
Javascript React
0 vote241 views3 answers
Error: Maximum update depth exceeded. This can happen when a component repeatedly calls setState inside componentWillUpdate or componentDidUpdate. React limits the number of nested updates to prevent infinite loops.
Javascript React