一直好奇如果一个组件被多次使用,那么在组件外写的变量是否共用,结果实验下来,发现的确是共用的
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变量是多个组件共用的
相关推荐
奔跑的web.14 小时前
TypeScript 装饰器入门核心用法集成显卡14 小时前
Lucide Icons：一套现代、轻量且可定制的 SVG 图标库pas13615 小时前
37-mini-vue 解析插值十里-16 小时前
vue.js 2前端开发的项目通过electron打包成exe雨季66616 小时前
构建 OpenHarmony 简易文字行数统计器：用字符串分割实现纯文本结构感知小北方城市网17 小时前
Redis 分布式锁高可用实现：从原理到生产级落地console.log('npc')17 小时前
vue2 使用高德接口查询天气2401_8920005217 小时前
Flutter for OpenHarmony 猫咪管家App实战 - 添加支出实现天马379817 小时前
Canvas 倾斜矩形绘制波浪效果天天向上102417 小时前
vue3 实现el-table 部分行不让勾选