渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
我码玄黄25 分钟前
THREE.js：网页上的3D世界构建者罔闻_spider26 分钟前
爬虫----webpack吱吱鼠叔27 分钟前
MATLAB数据文件读写：1.格式化读写文件爱喝水的小鼠44 分钟前
Vue3(一) Vite创建Vue3工程，选项式API与组合式API；setup的使用；Vue中的响应式ref，reactive小晗同学1 小时前
Vue 实现高级穿梭框 Transfer 封装WeiShuai1 小时前
vue-cli3使用DllPlugin优化webpack打包性能forwardMyLife1 小时前
element-plus的面包屑组件el-breadcrumbice___Cpu1 小时前
Linux 基本使用和 web 程序部署 （ 8000 字 Linux 入门 ）JYbill1 小时前
nestjs使用ESM模块化加油吧x青年1 小时前
Web端开启直播技术方案分享