一直好奇如果一个组件被多次使用,那么在组件外写的变量是否共用,结果实验下来,发现的确是共用的
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变量是多个组件共用的
相关推荐
研☆香14 分钟前
jQuery + Swiper.js 实现动态渲染轮播图子兮曰37 分钟前
Node.js 50个优势场景盘点：一个人单干，为啥我多数时候只用它IT_陈寒38 分钟前
我花3小时debug，就因为JavaScript这个隐式转换坑excel1 小时前
Nuxt 中 useSeoMeta 与 useHead 的区别竹林8181 小时前
OmniGame 技术白皮书：从零依赖到 WebRTC P2P，重新定义网页小游戏的工程上限ss2731 小时前
AI全栈实战 | 2.1-02 CSS 布局：垂直居中为什么是经典面试题？所有布局在解决什么矛盾律宏阔1 小时前
Flutter Riverpod 3：统一打印 Provider 错误与自动重试日志周洲08302 小时前
STM32片内Flash读写深度详解｜掉电参数保存、底层原理data analyse 4562 小时前
埋点工具的私有化部署成本高吗？data analyse 4563 小时前
埋点工具的埋点查询语言难学吗？