渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
阿蓝灬13 分钟前
React中的stopPropagation和preventDefault天天向上102416 分钟前
vue3 抽取el-dialog子组件lecepin20 分钟前
AI Coding 资讯 2025-11-05崽崽的谷雨23 分钟前
react使用ag-grid及常用api笔记excel24 分钟前
Vue 模板解析器 parserOptions 深度解析前端小咸鱼一条28 分钟前
17.React获取DOM的方式excel30 分钟前
Vue 编译核心中的运行时辅助函数注册机制详解excel31 分钟前
🌿 深度解析 Vue DOM 编译器模块源码：compile 与 parse 的构建逻辑excel32 分钟前
深度解析 Vue 编译器中的 transformShow：v-show 指令的编译原理excel33 分钟前
深度解析：decodeHtmlBrowser —— 浏览器端 HTML 解码函数设计