渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
PineappleCoder2 小时前
性能数据别再瞎轮询了！PerformanceObserver 异步捕获 LCP/CLS，不卡主线程PineappleCoder2 小时前
告别字体闪烁 / 首屏卡顿！preload 让关键资源 “高优先级” 提前到m0_471199633 小时前
【vue】通俗详解package-lock文件的作用GIS之路3 小时前
GDAL 读取KML数据今天不要写bug3 小时前
vue项目基于vue-cropper实现图片裁剪与图片压缩用户47949283569154 小时前
记住这张时间线图，你再也不会乱用 useEffect / useLayoutEffect咬人喵喵4 小时前
14 类圣诞核心 SVG 交互方案拆解（附案例 + 资源）问君能有几多愁～4 小时前
C++ 日志实现咬人喵喵4 小时前
CSS 盒子模型：万物皆是盒子