组件实例三大核心属性1:state
1.定义
1. state 是组件对象最重要的属性,值是对象(可以包含多个key-value)
2. 组件被称为"状态机",通过更新组件的 state 来更新对应的页面显示(重新渲染组件)
2. 注意
1. 组件中 render 方法中的 this 为组件实例对象
2. 组件自定义的方法中 this 为 undefined,如何解决?
1. 强制绑定 this:通过函数对象的 bind()
2. 箭头函数
3. 状态数据,不能直接修改或更新:使用React.component上的 setState() 方法对数据进行更新
上面代码有一些繁琐,我们来简化一下: