• 有时异步，有时同步（setTimeout、DOM事件）
• 有时合并（对象形式），有时不合并（函数形式）

setState主流程

class DemoLeft extends React.Component {
  constructor() {...}
  render() {...}
  increase = () => {
    // 开始：处于 batchUpdate
    // isBatchingUpdates = true;
    this.setState({
      count: this.state.count + 1
    });
    // isBatchingUpdates = false;
  }
}

increase = () => {
  // 开始：处于 batchUpdate
  // isBatchUpdates = true
  setTimeout(() => {
    // 此时 isBatchingUpdates 是false
    this.setState({
      count: this.state.count + 1
    })
  })
  // 结束
  // isBatchUpdates = false;
}

componentDidMount() {
  // 开始：处于 batchUpdate
  // isBatchingUpdates = true
  document.body.addEventListener('click', () => {
    // 此时 isBatchingUpdates 是 false
    this.setState({
      count: this.state.count + 1
    })
    console.log(this.state.count);
  })
  // 结束
  // isBatchUpdates = false;
}

setState 异步还是同步？

• setState 无所谓异步还是同步
• 看是否能命中 batch update 机制

• 判断 isBatchingUpdates

  哪些能命中 batchUpdate 机制

• 生命周期（和它调用的函数）

• React 中注册的事件（和它调用的函数）

• React可以“管理”的入口

  哪些不能命中 batchUpdate 机制

• setTimeout setInterval 等（和它调用的函数）

• 自定义的DOM事件（和它调用的函数）
• React “管不到” 的入口