一直好奇如果一个组件被多次使用,那么在组件外写的变量是否共用,结果实验下来,发现的确是共用的
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变量是多个组件共用的
相关推荐
weibkreuz3 小时前
收集表单数据@10hboot4 小时前
别再被 TS 类型冲突折磨了！一文搞懂类型合并规则在西安放羊的牛油果4 小时前
浅谈 import.meta.env 和 process.env 的区别鹏北海4 小时前
从弹窗变胖到 npm 依赖管理：一次完整的问题排查记录布列瑟农的星空4 小时前
js中的using声明薛定谔的猫24 小时前
Cursor 系列（2）：使用心得用户904706683574 小时前
后端问前端：我的接口请求花了多少秒？为啥那么慢，是你慢还是我慢？深念Y4 小时前
仿B站项目 前端 4 首页 顶层导航栏dragonZhang4 小时前
基于 Agent Skills 的 UI 重构实践：从 Demo 到主题化界面的升级之路王林不想说话4 小时前
提升工作效率的Utils