渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
打小就很皮...14 小时前
React 实现富文本（使用篇&Next.js）智算菩萨15 小时前
实战：高级中文自然语言处理系统的Python设计与实现远山无期15 小时前
解决Tailwind任意值滥用：规范化CSS开发体验用户542778485154015 小时前
Vue 3 中开发高阶组件（HOC）与 Renderless 组件幼儿园老大15 小时前
告别代码屎山！UniApp + Vue3 自动化规范：ESLint 9+ 扁平化配置全指南HIT_Weston16 小时前
67、【Ubuntu】【Hugo】搭建私人博客（一）阿里巴啦16 小时前
用React+Three.js 做 3D Web版搭建三维交互场景：模型的可视化摆放与轻量交互Liu.77416 小时前
vue3组件之间传输数据|晴 天|16 小时前
前端闭包：从概念到实战，解锁JavaScript高级技能开发者小天16 小时前
react的拖拽组件库dnd-kit