React State 状态

数据更新

state 是数据与页面交互的一种方式，从而让页面能够做 动态交互 的能力，这个功能更多的时候需要配合后面的 事件机制 一起使用。

class Index extends Component {

  // 构造方法 | 关于面向对象的知识见 /less/59 & /less/60
  constructor() {
    super()
    this.state = {num: 1} // 初始化数据
  }

  render() {
    // 每隔 1 秒更新 num 的数据
    setTimeout(() => {
      this.state.num++
      // 每次执行 this.setState 重新 render，所有在一个页面中有很多的 this.setState 网页性能会很低
      this.setState({num: this.state.num}) 
    }, 1000)

    return (
        <div>{this.state.num}</div>
    )
  }
}