渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
然我4 分钟前
别再只用 base64！HTML5 的 Blob 才是二进制处理的王者，面试常考NanLing6 分钟前
【纯前端推理】纯端侧 AI 对象检测：用浏览器就能跑的深度学习模型呆呆的心8 分钟前
前端必学：从盒模型到定位，一篇搞定页面布局核心 🧩小飞悟8 分钟前
前端高手才知道的秘密：Blob 居然这么强大！小old弟9 分钟前
用Sass循环实现炫彩文字跑马灯效果code_YuJun9 分钟前
Promise 基础使用Codebee9 分钟前
OneCode自主UI设计体系：架构解析与核心实现GIS之路12 分钟前
GIS 空间关系：九交模型邢同学爱折腾13 分钟前
当前端轮播图遇上Electron： 变身一款丝滑的 图片查看器xiguolangzi19 分钟前
vue3+element-plus el-table列的显隐、列宽 持久化