前言
我们在用create-react-app创建项目完毕时,在index.js文件中会看到<React.StrictMode>被包在组件的最外层。它和js中的use strict是不一样的。
详解
在官网中大概是这样解释的,<React.StrictMode>和Fragment作用相似,仅仅是作为一个容器,不会被渲染出任何的真实UI,它为其后代元素触发额外的检查和报告。我们可以在任何地方利用此标签开启严格模式,比如在组件中和App.js(入口文件)中。当启用检查后,会对后代元素都进行检查。
作用以及优点
- 识别不安全的生命周期组件
- 有关旧式字符串ref用法的警告
- 关于一些被弃用的方法的警告,比如(findDOMNode)
- 检测意外的副作用
- 检测过时的API