首页 文章 精选 留言 我的
优秀的个人博客,低调大师

微信关注我们

原文链接:https://cloud.tencent.com/developer/article/2751318

转载内容版权归作者及来源网站所有!

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

React 18 并发渲染下,为什么 useEffect 会执行两次?

在 React 18 的 StrictMode 下,开发环境里组件挂载时 useEffect 会执行两次。这不是 bug,而是 React 为了帮助开发者提前发现副作用清理问题而刻意为之的行为。很多人在接入 React 18 或者升级现有项目时,会突然看到控制台里接口请求翻倍、定时器被创建两次、WebSocket 连接重复建立,甚至出现数据竞争。这个现象在开发环境最明显,生产环境不会重复执行。背后的机制是 React 18 引入了并发渲染和可复用的状态,StrictMode 会模拟组件被卸载再重新挂载的过程。文章会从实际代码出发,分析重复执行的真实原因、哪些副作用会受影响,以及如何写出在并发模...

Vue 3 中 v-model 在自定义组件上的正确用法与常见坑

自定义组件上使用 v-model 时,很多人会遇到「值变了但子组件没更新」「子组件改值父组件不生效」「同时绑定多个 v-model 报错」这类问题。v-model 在 Vue 3 里不再是简单的 :value + @input 语法糖,默认 prop 和事件名都改了,而且支持参数化,默认值也变成了 modelValue / update:modelValue。如果沿用 Vue 2 的习惯直接写 value 和 input,在 Vue 3 项目中会静默失效,调试时容易怀疑人生。这篇文章从源码编译结果出发,梳理 v-model 在自定义组件上的展开规则,包括默认绑定、具名绑定、多个 v-model...

相关文章

发表评论

资源下载

更多资源
Mario

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长,特征是大鼻子、头戴帽子、身穿背带裤,还留着胡子。与他的双胞胎兄弟路易基一起,长年担任任天堂的招牌角色。

Nacos

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称,一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集,帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

Rocky Linux

Rocky Linux

Rocky Linux(中文名:洛基)是由Gregory Kurtzer于2020年12月发起的企业级Linux发行版,作为CentOS稳定版停止维护后与RHEL(Red Hat Enterprise Linux)完全兼容的开源替代方案,由社区拥有并管理,支持x86_64、aarch64等架构。其通过重新编译RHEL源代码提供长期稳定性,采用模块化包装和SELinux安全架构,默认包含GNOME桌面环境及XFS文件系统,支持十年生命周期更新。

优质分享App

优质分享App

近一个月的开发和优化,本站点的第一个app全新上线。该app采用极致压缩,本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

用户登录
用户注册