一直好奇如果一个组件被多次使用,那么在组件外写的变量是否共用,结果实验下来,发现的确是共用的
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变量是多个组件共用的
相关推荐
CDN36015 分钟前
排查实录：网站偶发502/504错误？360CDN回源超时配置与日志分析技巧之歆38 分钟前
Day07_CSS盒子模型 · 样式继承 · 用户代理样式DanCheOo1 小时前
AI 应用的安全架构：Prompt 注入、数据泄露、权限边界We་ct2 小时前
深度剖析浏览器跨域问题weixin_427771612 小时前
前端调试隐藏元素爱上好庆祝3 小时前
学习js的第五天C澒3 小时前
IntelliPro 产研协作平台：基于 AI Agent 的低代码智能化配置方案设计与实现一袋米扛几楼984 小时前
【Git】规范化协作：详解 GitHub 工作流中的 Issue、Branch 与 Pull Request 最佳实践网络点点滴4 小时前
前端与后端的区别与联系EnCi Zheng4 小时前
M5-markconv自定义CSS样式指南 [特殊字符]