一直好奇如果一个组件被多次使用,那么在组件外写的变量是否共用,结果实验下来,发现的确是共用的
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变量是多个组件共用的
相关推荐
一tiao咸鱼9 小时前
前端转 agent # 03 - Pydantic v2 数据校验深入Cobyte9 小时前
23.Vue Vapor 组件 attrs 的实现前端H10 小时前
生成式 UI 实战：AI 如何重塑前端界面懂懂tty10 小时前
Web前端性能指标绝世唐门三哥11 小时前
vue3中页面返回时刷新首页的处理方案东方小月11 小时前
agent-skills：把资深工程师的‘工作流’，装进你的AI编程里Maynor99611 小时前
AI Coding 零基础实战教程｜第五部分：完整项目案例实操binbin_5211 小时前
React 井字棋教程：用一个小游戏理解组件和状态梦曦i12 小时前
uni-router新推useUniEventChannel，彻底解决页面通信难题柯克七七12 小时前
给老项目加了 TypeScript，本来只想自己爽，结果全公司代码审查标准被我抬高了