React Strict Mode

StrictMode 是一个工具,用于突出应用程序中的潜在问题。与 Fragment 类似,StrictMode 不呈现任何可见 UI。它为它的后代启动额外的检查和警告。

import React from 'react';

function ExampleApplication() {
  return (
    <div>
      <Header />
      <React.StrictMode>
        <div>
          <ComponentOne />
          <ComponentTwo />
        </div>
      </React.StrictMode>
      <Footer />
    </div>
  );
}
  1. 识别不安全的生命周期
  2. 警告使用遗留字符串ref API
  3. Detecting unexpected side effects
  4. Detecting legacy context API
  5. Detecting unexpected side effects: react 一般分为两个阶段 render | parserender 阶段将新旧 render 的结果对比,得到哪些需要更新。commit 阶段是 react 需要应用任何更改的时候, 就是更新阶段, 在这个阶段可能会调用 componentDidMount | componentDidUpdate,剩余的声明周期调用阶段都在 render 阶段。commit 阶段很快,但是 render 阶段很慢,Async Mode (默认情况下尚未启用)将 render工作分解为多个碎片化时间,暂停、恢复工作,以避免阻塞浏览器。这意味着 React 可能在提交之前多次调用 render 阶段的生命周期,也可能根本不提交就调用它们(由于错误或更高优先级的中断)。在 render 阶段中,不能有 side effect ,不然可能会出现意想不到的问题。

你可能感兴趣的:(react)