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>
    )
  }
}
React 教程 React 安装 React 组件 React JSX React 样式 React 生命周期 React State React Props React 事件 React Refs React Router