export default class Home extends Component {
state ={
count:0
}
setState
render() {
return (
<div>当前的值为:{this.state.count}
<button onClick={()=>{this. setState({count:this.state.count+1})}}>加1</button>
<button onClick={()=>{this. setState((state)=>({count:state.count-1}))}}>减1</button>
</div>
)
}
}
一种是函数的setState里传入函数形式。默认有两个参数一个接收state,还有一个接收外部传入的props,这种写法的优势是不用拿到原来state里的值去改变,还有一种是对象形式的setState这是函数式的语法糖