react（三）组件内部状态state使用方式

在react中，驱动组件渲染过程的两种方式：prop和state。

state代表组件的内部状态，由于React组件不能修改传入的prop数据，所以需要记录自身的数据变化，就要使用state。

1、初始化state

通常在组件类的构造函数的最后，定义this.state，这个值 必须 是个对象。

2、读取state中某个属性值

方式一：对象获取属性值

this.state.属性名

方式二： es6的结构赋值

{属性名}=this.state

3、更新state

this.setState的作用：先更新this.state中的数据，再驱动组件的重新渲染。

this.setState( {state属性名：新值} );

注意： 更新state不能直接使用this.state，因为不能驱动组件渲染。