渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
Whisper_Sy1 天前
Flutter for OpenHarmony移动数据使用监管助手App实战 - 应用列表实现json{shen:"jing"}1 天前
1. 两数之和github.com/starRTC1 天前
Claude Code中英文系列教程19:使用subagent子代理与创建自定义子代理【重要】hua_ban_yu1 天前
vue3 + ts 制作指令，防止按钮在固定时间内重复点击，不会影响到表单的校验老神在在0011 天前
Token身份验证完整流程利刃大大1 天前
【Vue】指令修饰符 && 样式绑定 && 计算属性computed && 侦听器watch踢球的打工仔1 天前
typescript-接口的基本使用(一)徐小夕@趣谈前端1 天前
NO-CRM 2.0正式上线，Vue3+Echarts+NestJS实现的全栈CRM系统，用AI重新定义和实现客户管理系统catino1 天前
图片、文件上传Mr Xu_1 天前
Vue3 + Element Plus 实现点击导航平滑滚动到页面指定位置