react的this.state

问题

使用react时经常会遇到this.state,相较与普通参数的定义,该方式比较麻烦,且信息更新也有所区别,不明白用途

解释

1.主要是用于组件渲染,在组件中定义初始状态,在互动中进行状态变化,进而渲染UI
2.用户点击组件,导致状态变化,this.setState 方法就修改状态值,每次修改以后,自动调用 this.render 方法,再次渲染组件
3.this.props 和 this.state 都用于描述组件的特性,可能会产生混淆。区分方法:this.props 表示那些一旦定义,就不再改变的特性,而 this.state 是会随着用户互动而产生变化的特性。

组件免不了要与用户互动,React 的一大创新,就是将组件看成是一个状态机,一开始有一个初始状态,然后用户互动,导致状态变化,从而触发重新渲染 UI (查看 demo08 )。

上一篇:Flutter 也能玩 React 的 Redux?


下一篇:react延迟加载