一直好奇如果一个组件被多次使用,那么在组件外写的变量是否共用,结果实验下来,发现的确是共用的
A1.jsx组件
App.jsx组件,里面调用2次A1.jsx组件
1:点击"改变游戏名",对组件外变量进行修改
2:点击第2个A1.jsx组件的查看console,发现组件外变量已经改变,但界面UI不更新.
3:修改第2个A1.jsx的state,渲染页面后发现从war3改成了cs
4:点击第一个A1jsx组件的强制更新,渲染页面后发现war3也改成了cs
结论:组件外的game变量是多个组件共用的
相关推荐
不在逃避q5 分钟前
Trae/Vs Code/Cursor命令行无法跑npm命令夏殇之殁19 分钟前
包中创建自定义列表项。 . 使用自定义列表项进行数据绑定 . 将天气预报数据保存到本地内存表，通过LiveBindings进行显示。 ...The Chosen One98524 分钟前
高进度算法模板速记（待完善)陈随易29 分钟前
MoonBit抓包模块pcap，查看电脑的每一次联网通信新中地GIS开发老师2 小时前
WebGIS开发学生作品|低空航天管理与航线规划系统用户059540174462 小时前
大模型对话记忆持久化踩坑实录：用 Playwright 自动化测了 300 次，终于揪出会话丢失的真凶丙氨酸長鏈2 小时前
Web前端入门第 问：JavaScript 一个简单的 IndexedDB 数据库入门示例kyriewen3 小时前
面试官让我手写虚拟列表——AI生成的版本，快速滚动几下就白屏了IT_陈寒3 小时前
Vite热更新失效？你可能漏了这个配置梅孔立4 小时前
两种免费的翻译API调用方式详解 - Edge官方API与个人缓存服务