渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
WYiQIU20 分钟前
面了一次字节前端岗，我才知道何为“造火箭”的极致！qq_3168377521 分钟前
uniapp 观察列表每个元素的曝光时间小夏同学呀23 分钟前
在 Vue 2 中实现 “点击下载条码 → 打开新窗口预览 → 自动唤起浏览器打印” 的功能芳草萋萋鹦鹉洲哦24 分钟前
【vue】导航栏变动后刷新router的几种方法zero13_小葵司29 分钟前
JavaScript性能优化系列（八）弱网环境体验优化 - 8.3 数据预加载与缓存：提前缓存关键数据1***y17834 分钟前
Vue项目性能优化案例Irene199137 分钟前
FileList 对象总结（附：不支持迭代的类数组对象表）谢尔登1 小时前
【CSS】样式隔离百***58841 小时前
Redis 通用命令Liu.7742 小时前
vue3 路由缓存导致onMounted无效