渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
用户90443816324601 小时前
90%前端都踩过的JS内存黑洞：从《你不知道的JavaScript》解锁底层逻辑与避坑指南CodeCraft Studio1 小时前
文档开发组件Aspose 25.12全新发布：多模块更新，继续强化文档、图像与演示处理能力PPPPickup2 小时前
easychat项目复盘---获取联系人列表,联系人详细,删除拉黑联系人老前端的功夫2 小时前
前端高可靠架构：医疗级Web应用的实时通信设计与实践前端大卫2 小时前
【重磅福利】学生认证可免费领取 Gemini 3 Pro 一年孜燃3 小时前
Flutter APP跳转Flutter APP 携带参数脾气有点小暴3 小时前
前端页面跳转的核心区别与实战指南lxh01133 小时前
最长递增子序列Youyzq4 小时前
前端项目发布到cdn上css被编译失效问题rgba失效和rgb失效San30.4 小时前
深入 JavaScript 内存机制：从栈与堆到闭包的底层原理