渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
Blossom.1184 分钟前
多模态大模型LoRA微调实战：从零构建企业级图文检索系统前端小配角14 分钟前
React难上手原因找到了，原来是因为坑太多了。。。是你的小橘呀15 分钟前
零基础也能懂！React Hooks实战手册：useState/useEffect上手就会，告别类组件xhxxx16 分钟前
从样式到结构：TailwindCss + Fragment 如何让 React 代码更干净、更高效Maxkim18 分钟前
「✍️JS原子笔记 」深入理解JS数据类型检测的4种核心方式小高00718 分钟前
Elips-Core：轻量级 Node.js Web 框架核心实现Focus_22 分钟前
SSE+broadcastChannelzabr24 分钟前
前端已死？我用 Trae + Gemini 零代码手搓 3D 塔罗牌，找到了新出路Aotman_25 分钟前
Vue MutationObserver 监听专注前端30年28 分钟前
Vue3的生命周期钩子有哪些变化？