React函数组件渲染两次

渲染两次是因为react默认开启了严格模式

React函数组件渲染两次_第1张图片

React.StrictMode标签作用:

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

注释掉React.StrictMode即为关闭严格模式,就不会出现渲染两次的情况了

React函数组件渲染两次_第2张图片

你可能感兴趣的:(react.js,javascript,前端)