[react] React的严格模式有什么用处？

react的strictMode 是一个突出显示应用程序中潜在问题的工具，与Fragment一样，strictMode 不会渲染任何的可见UI，它为其后代元素触发额外的检查和警告。

注意：严格模式仅在开发模式下运行，它们不会影响生产构建

可以为程序的任何部分使用严格模式

import React from 'react';function ExampleApplication() {return (<div><Header /><React.StrictMode><div><ComponentOne /><ComponentTwo /></div></React.StrictMode><Footer /></div>);
}

在上述的示例中，不会对 Header 和 Footer 组件运行严格模式检查。但是，ComponentOne 和 ComponentTwo 以及它们的所有后代元素都将进行检查。

StrictMode 目前有助于：

识别不安全的生命周期
关于使用过时字符串 ref API 的警告
关于使用废弃的 findDOMNode 方法的警告
检测意外的副作用
检测过时的 context API

个人简介

我是歌谣，欢迎和大家一起交流前后端知识。放弃很容易，
但坚持一定很酷。欢迎大家一起讨论

主目录

与歌谣一起通关前端面试题

[react] React的严格模式有什么用处？相关推荐

webpack+react+redux+es6开发模式---续
一.前言之前介绍了webpack+react+redux+es6开发模式 ,这个项目对于一个独立的功能节点来说是没有问题的.假如伴随着源源不断的需求,前段项目会涌现出更多的功能节点,需要独立部署运行 ...
webpack+react+redux+es6开发模式
一.预备知识 node, npm, react, redux, es6, webpack 二.学习资源 ECMAScript 6入门 React和Redux的连接react-redux Redux 入 ...
[react] react组件间的通信有哪些？
[react] react组件间的通信有哪些? Props Context ref:通过Ref获取组建的实例,在通过实例拿到组件的属性值或者方法的回调第三方的,Redux是基于Conext基础上的库 ...
【笔记-node】《Egg.js框架入门与实战》、《用 React+React Hook+Egg 造轮子全栈开发旅游电商应用》
20210226-20210227:<Egg.js框架入门与实战> 课程地址:https://www.imooc.com/learn/1185 第一章课程导学 01-01 课程介绍一. ...
React - React v18 的批处理
一.批处理批处理是 React将多个状态更新分组到单个re-render中以获得更好的性能的操作. 例如,如果你在同一个点击事件中有两个状态更新,React 总是将它们分批处理到一个重新渲染中.如果 ...
[react] react中除了在构造函数中绑定this,还有别的方式吗？
[react] react中除了在构造函数中绑定this,还有别的方式吗? 1:函数定义的时候使用箭头函数 2:函数调用是使用bind绑定this 个人简介我是歌谣,欢迎和大家一起交流前后端知识.放 ...
[react] react是什么？它的主要特点是什么？
[react] react是什么?它的主要特点是什么? React是用于构建用户界面的库. 特点: 组件化,增强复用性数据到视图的单向绑定,更安全数据的单项传递流高性能个人简介我是歌谣,欢迎 ...
[react] react中可以在render访问refs吗？为什么？
[react] react中可以在render访问refs吗?为什么? <><span id="name" ref={this.spanRef}>{this ...
[react] react兄弟组件如何通信？
[react] react兄弟组件如何通信? 状态提升,通过父组件的state和方法传递到两个子组件个人简介我是歌谣,欢迎和大家一起交流前后端知识.放弃很容易, 但坚持一定很酷.欢迎大家一起讨论 ...

[react] React的严格模式有什么用处？

[react] React的严格模式有什么用处？

个人简介

主目录

[react] React的严格模式有什么用处？相关推荐

最新文章

热门文章