React的React.StrictMode

（Stric tMode）是严格模式，用来标记潜伏的问题，为元素触发额外的检查和警告
注意:严格模式检查只在开发模式运行，不会和生产模式冲突

import React from 'react';

function App() {
  return (
    <div>
      <Header />
      <React.StrictMode>
        <div>
          <ComponentOne />
          <ComponentTwo />
        </div>
      </React.StrictMode>
      <Footer />
    </div>
  );
}

上面例子用<React.StrictMode>包裹的组件包括其内所有的后代会被检查到，在外的Header、Footer不会进行检查

Stric tMode的目的：

• 识别具有不安全生命周期的组件
• 有关旧式字符串ref用法的警告
• 检测意外的副作用
• 检测遗留 context API