一直好奇如果一个组件被多次使用,那么在组件外写的变量是否共用,结果实验下来,发现的确是共用的
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变量是多个组件共用的
相关推荐
我是永恒1 分钟前
上架一个跨境工具导航网站电子羊6 分钟前
Spec 编程工作流文档GISer_Jing13 分钟前
从CLI到GUI桌面应用——前端工程化进阶之路还是大剑师兰特30 分钟前
Vue3 报错：computed value is readonly 解决方案leaves falling38 分钟前
有效的字母异位词We་ct1 小时前
LeetCode 35. 搜索插入位置：二分查找的经典应用左耳咚1 小时前
Claude Code 中的 SubAgentFPGA小迷弟1 小时前
高频时钟设计：FPGA 多时钟域同步与时序收敛实战方案IT古董1 小时前
【前端】企业级前端调试体系设计（含日志埋点 + Eruda 动态注入 + Sentry）gis开发1 小时前
cesium 中添加鹰眼效果