渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
浪里行舟41 分钟前
国产OCR双雄对决？PaddleOCR-VL与DeepSeek-OCR全面解析znhy@1231 小时前
CSS易忘属性瓜瓜怪兽亚1 小时前
前端基础知识---AjaxAI智能研究院1 小时前
（四）从零学 React Props：数据传递 + 实战案例 + 避坑指南qq7798233401 小时前
React组件完全指南EndingCoder2 小时前
MongoDB基础与Mongoose ODMqq7798233402 小时前
React Hooks完全指南Moment2 小时前
性能狂飙！Next.js 16 重磅发布：Turbopack 稳定、编译提速 10 倍！🚀🚀🚀软件技术NINI2 小时前
html css js网页制作成品——HTML+CSS仙台有树电视剧网页设计（5页）附源码DoraBigHead2 小时前
React Fiber：从“递归地狱”到“时间切片”的重生之路