渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
Minyy117 分钟前
Vue3指令（二）--v-text、v-html数据渲染，计算属性个人开发-胡涂涂10 分钟前
ECMAScript标准：JavaScript的核心GISer_Jing15 分钟前
React底层架构深度解析：从虚拟DOM到Fiber的演进之路斯密码赛我是美女23 分钟前
ssti刷刷刷Mryan200534 分钟前
Angular | 利用 `ChangeDetectorRef` 解决 Angular 动态显示输入框的聚焦问题郭尘帅66636 分钟前
Vue3中实现轮播图众乐乐_20081 小时前
Java 后端给前端传Long值，精度丢失的问题与解决一叶茶1 小时前
VsCode和AI的前端使用体验：分别使用了Copilot、通义灵码、iflyCode和Trae熊猫钓鱼>_>1 小时前
基于MCP的桥梁设计规范智能解析与校审系统构建实践qq_346295271 小时前
require/exports 或 import/export的联系和区别，各自的使用场景