在上面的Button组件内,通过对this.state的赋值,完成了对该Button组件内部state的初始化
注意:
this.state放置的位置:应当放在构造器函数内进行使用的,否则是会报错的...中的JSX绑定的事件处理函数中调用setState方法是异步的就可以了
如果你需要基于当前的state来计算出新的值,那么setState函数就应该传递一个函数,而不是一个对象,它可以确保每次调用的都是使用最新的...会将多个this.setState产生的修改放在一个队列里面进行批量延迟处理,所以从这点上讲,React设计这个setState函数是非常高效的,结合了函数式编程,不用考虑性能的问题
如下代码所示: 在事件处理程序内调用...小结一下:
setState函数是用于更新当前组件的状态的,不仅可以更改props也可以更改state
它接收两种参数形式,一个是对象,另一个是函数
当需要基于当前的state计算出新的值进行处理,给setState...,在执行render函数,直到所有组件的事件处理函数内调用setState函数完成之后,避免不必要的重新渲染来提升性能
你可以能会想,React不能对this.state进行立马更新,而不对组件进行重新渲染呢