React 生命周期的打怪升级之路
号外号外!走过路过千万不要错过!
截止目前为止 React 已经发布了 v16.12.0
版本, React 生命周期也是日常开发低头不见,抬头见的狗子,可惜狗子它变了。
改变原因
v16.3 版本之前, React 中的更新操作是同步的,这可能会导致性能问题。
举个例子,假如有一个庞大的模块里面嵌套超级多的组件,一旦最顶部的 render 方法执行了,然后依次执行组件的 render 方法,直到最底层组件。这个过程会导致主线程卡主。
官方为了解决这个问题,因此引入了 React Fiber,其解决思路是分片执行,一个更新过程被分为两个阶段(Phase):第一个阶段 Reconciliation Phase 和第二阶段 Commit Phase。