渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
华玥作者38 分钟前
[特殊字符] VitePress 对接 Algolia AI 问答（DocSearch + AI Search）完整实战（下）Mr Xu_1 小时前
告别冗长 switch-case：Vue 项目中基于映射表的优雅路由数据匹配方案前端摸鱼匠1 小时前
Vue 3 的toRefs保持响应性：讲解toRefs在解构响应式对象时的作用sleeppingfrog1 小时前
zebra通过zpl语言实现中文打印（二）lang201509281 小时前
JSR-340 ：高性能Web开发新标准好家伙VCC2 小时前
### WebRTC技术：实时通信的革新与实现####webRTC（Web Real-TimeComm摘星编程3 小时前
React Native鸿蒙版：Image图片占位符未来之窗软件服务3 小时前
未来之窗昭和仙君(六十五)Vue与跨地区多部门开发—东方仙盟练气baidu_247438613 小时前
Android ViewModel定时任务嘿起屁儿整3 小时前
面试点（网络层面）