how to change state object in react code example
Example 1: setstate find opject in state and update
this.setState(prevState => ({
food: {
...prevState.food,
pizza: {
...prevState.food.pizza,
extraCheese: true
}
}
}))
Example 2: change state in react
import React, {Component} from 'react';
class ButtonCounter extends Component {
constructor() {
super()
this.state = {
count: 0
}
}
handleClick = () => {
let newCount = this.state.count + 1
this.setState({
count: newCount
})
}
render() {
return (
<div>
<h1>{this.state.count}</h1>
<button onClick={this.handleClick}>Click Me</button>
</div>
)
}
}
export default ButtonCounter
Example 3: react change state
this.setState({state to change:value});