渲染两次是因为react默认开启了严格模式
React.StrictMode标签作用：
1、识别不安全的生命周期
2、关于使用过时字符串 ref API 的警告
3、关于使用废弃的 findDOMNode 方法的警告
4、检测意外的副作用
5、检测过时的 context API
注释掉React.StrictMode即为关闭严格模式，就不会出现渲染两次的情况了
相关推荐
xiaoqi92230 分钟前
React Native鸿蒙跨平台如何实现分类页面组件通过searchQuery状态变量管理搜索输入，实现了分类的实时过滤功能打小就很皮...42 分钟前
Tesseract.js OCR 中文识别qq_177767371 小时前
React Native鸿蒙跨平台实现应用介绍页，实现了应用信息卡片展示、特色功能网格布局、权限/联系信息陈列、评分展示、模态框详情交互等通用场景2603_949462101 小时前
Flutter for OpenHarmony社团管理App实战：预算管理实现wuhen_n1 小时前
JavaScript内存管理与执行上下文Hi_kenyon1 小时前
理解vue中的refjin1233222 小时前
基于React Native鸿蒙跨平台地址管理是许多电商、外卖、物流等应用的重要功能模块，实现了地址的添加、编辑、删除和设置默认等功能2501_920931703 小时前
React Native鸿蒙跨平台医疗健康类的血压记录,包括收缩压、舒张压、心率、日期、时间、备注和状态落霞的思绪3 小时前
配置React和React-dom为CDN引入Hacker_Z&Q3 小时前
CSS 笔记2 (属性)