React的严格模式(React.StrictMode)

3,036 阅读1分钟

前言

我们在用create-react-app创建项目完毕时,在index.js文件中会看到<React.StrictMode>被包在组件的最外层。它和js中的use strict是不一样的。

详解

在官网中大概是这样解释的,<React.StrictMode>Fragment作用相似,仅仅是作为一个容器,不会被渲染出任何的真实UI,它为其后代元素触发额外的检查和报告。我们可以在任何地方利用此标签开启严格模式,比如在组件中和App.js(入口文件)中。当启用检查后,会对后代元素都进行检查。

作用以及优点

  1. 识别不安全的生命周期组件
  2. 有关旧式字符串ref用法的警告
  3. 关于一些被弃用的方法的警告,比如(findDOMNode)
  4. 检测意外的副作用
  5. 检测过时的API

前往js的严格模式 use strict