5. React 组件更新机制

1. 组件更新机制 （自会更新自己和子组件）

2. React 组件优化

// 钩子函数
  shouldComponentUpdate(nextProps, nextState) {
    // 返回false，阻止组件重新渲染
    // return false

    // 最新的状态：   更新前的状态：
    console.log('最新状态：', nextState, ', 当前状态：', this.state)

    return nextState.number !== this.state.number

    // if (nextState.number !== this.state.number) {
    //   return true
    // }
    // return false

    // if (nextState.number === this.state.number) {
    //   return false
    // }
    // return true
  }

纯组件 检测子组件是否需要更新

3. 虚拟DOM 和 Diff 算法

虚拟 DOM 真正的意义主要是摆脱了浏览器的束缚，间接性的提升了性能