渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
JosieBook12 小时前
【Vue】09 Vue技术——JavaScript 数据代理的实现与应用pusheng202512 小时前
算力时代的隐形防线：数据中心氢气安全挑战与技术突破起名时在学Aiifox12 小时前
前端文件下载功能深度解析：从基础实现到企业级方案2501_9418779813 小时前
从配置热更新到运行时自适应的互联网工程语法演进与多语言实践随笔分享云上凯歌13 小时前
01 ruoyi-vue-pro框架架构剖析华仔啊14 小时前
JavaScript 如何准确判断数据类型？5 种方法深度对比毕设十刻15 小时前
基于Vue的迅读网上书城22f4d（程序 + 源码 + 数据库 + 调试部署 + 开发环境配置），配套论文文档字数达万字以上，文末可获取，系统界面展示置于文末程序员小寒15 小时前
从一道前端面试题，谈 JS 对象存储特点和运算符执行顺序爱健身的小刘同学15 小时前
Vue 3 + Leaflet 地图可视化神秘的猪头15 小时前
Ajax 数据请求：从零开始掌握异步通信