react(三)组件内部状态state使用方式 |
您所在的位置:网站首页 › react函数组件state › react(三)组件内部状态state使用方式 |
在react中,驱动组件渲染过程的两种方式:prop和state。 state代表组件的内部状态,由于React组件不能修改传入的prop数据,所以需要记录自身的数据变化,就要使用state。 1、初始化state 通常在组件类的构造函数的最后,定义this.state,这个值 必须 是个对象。 2、读取state中某个属性值 方式一:对象获取属性值 this.state.属性名方式二: es6的结构赋值 {属性名}=this.state3、更新state this.setState的作用:先更新this.state中的数据,再驱动组件的重新渲染。 this.setState( {state属性名:新值} );注意: 更新state不能直接使用this.state,因为不能驱动组件渲染。 |
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |