React组件数据交互载体- state状态

state状态

  • 是 react 组件数据交互的载体
  • state 状态是用来修改的
  • this.state 获取 state
  • this.setState() 用来修改state
  • state 不能在组件外部定义、及修改,只能在组件内部定义声明、及修改
  • state修改,setState这个方法会修改state,且会重新执行组件内部的render方法,会触发页面的二次渲染,虚拟DOM会根据react的 diff 算法,得到新的虚拟DOM,最后再批量的更新

定义state的方式一
在这里插入图片描述
定义state的方法二
在这里插入图片描述
state修改
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
计数器
在这里插入图片描述

©️2020 CSDN 皮肤主题: 深蓝海洋 设计师:CSDN官方博客 返回首页