天天看点

React三大属性之一——state 属性

组件实例三大核心属性1:state

1.定义

  1. state 是组件对象最重要的属性,值是对象(可以包含多个key-value)

  2. 组件被称为"状态机",通过更新组件的 state 来更新对应的页面显示(重新渲染组件)

2. 注意

  1. 组件中 render 方法中的 this 为组件实例对象

  2. 组件自定义的方法中 this 为 undefined,如何解决?

    1. 强制绑定 this:通过函数对象的 bind()

    2. 箭头函数

  3. 状态数据,不能直接修改或更新:使用React.component上的 setState() 方法对数据进行更新

上面代码有一些繁琐,我们来简化一下:

React三大属性之一——state 属性
React三大属性之一——state 属性