渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
李剑一6 分钟前
uni-app实现网络离线定位鲨莎分不晴7 分钟前
Nginx 部署前端项目实战指南码界奇点16 分钟前
基于Vue3与TypeScript的后台管理系统设计与实现ashcn200122 分钟前
水滴按钮解析攀登的牵牛花22 分钟前
前端向架构突围系列 - 框架设计（五）：契约继承原则爱吃奶酪的松鼠丶29 分钟前
React长列表，性能优化。关于循环遍历的时候，key是用对象数据中的ID还是用索引xkxnq1 小时前
第二阶段：Vue 组件化开发（第 17天）豆苗学前端1 小时前
你所不知道的前端知识，html篇（更新中）一 乐1 小时前
绿色农产品销售|基于springboot + vue绿色农产品销售系统(源码+数据库+文档)zzjyr1 小时前
Webpack 生命周期原理深度解析