渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
xier_ran2 分钟前
Agent基础：大模型交互与推理技术Prompt 工程、Function Calling、ReAct、Self-RefineBD_Marathon3 分钟前
Router_路由的基本使用float_六七9 分钟前
行级与块级元素：核心区别与应用场景毕设十刻22 分钟前
基于Vue的家教预约系统7fisz（程序 + 源码 + 数据库 + 调试部署 + 开发环境配置），配套论文文档字数达万字以上，文末可获取，系统界面展示置于文末前端无涯24 分钟前
深度解析：fetch 与 Promise 结合实战及面试重点风舞红枫27 分钟前
node代理vue打包后的文件，实现本地测试helloCat27 分钟前
记录CI/CD自动化上传AppGallery遇到的坑Yanni4Night30 分钟前
使用URLPattern API构建自己的路由器 🛣️web守墓人36 分钟前
【前端】garn：使用go实现一款类似yarn的依赖管理器全栈陈序员43 分钟前
Vue 实例挂载的过程是怎样的？