一直好奇如果一个组件被多次使用,那么在组件外写的变量是否共用,结果实验下来,发现的确是共用的
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变量是多个组件共用的
news
2026/4/16 17:43:33
react组件外的变量是共用的
张小明
前端开发工程师
1.2k
24
版权声明:
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！
网站建设
2026/4/16 12:28:01
protues仿真软件操作的那篇及输出内容
#include <reg52.h> #include <stdio.h> #include <string.h> //stdio.h,string.h用于printf函数原型void delay(unsigned int z); void uart_init(void); //串行口初始化void main() {int a 6,d 15;char b A,c[] "abcde";uart_init();whi…
李华
网站建设
2026/4/16 15:32:28
通过按钮改变引脚的电平的状态并输出虚拟终端
#include <reg51.h> #include <stdio.h> #include <string.h> //stdio.h,string.h用于printf函数原型 void delay(unsigned int z); void uart_init(void); //串行口初始化 sbit button P2^0; // P2.0引脚定义 sbit led P2^2; // P2.0引脚定义 bi…
李华
网站建设
2026/4/16 12:23:42
联机分析处理（OLAP）通过数据立方体模型支持多维数据分析
联机分析处理（OLAP）通过数据立方体模型支持多维数据分析，其五种基本操作——上卷、下钻、切片、切块和转轴，帮助用户灵活地聚合、细化和查看数据。例如，上卷可用于从城市级汇总到国家销售总额，而下钻可深入…
李华
网站建设
2026/4/16 15:33:44
uniapp定义一个简单的全局弹窗组件
兼容H5、微信小程序、安卓APP（1）封装成组件dialog.jsexport default {/* 链接处理 */getLink(params){let url "/components/dialog/dialog";if(params){let paramStr "";for(let name in params){paramStr&${name}${params[n…
李华
网站建设
2026/4/15 19:36:11
Git Restore 命令教程
Git Restore 命令教程 简介 git restore 是 Git 2.23 版本引入的一个相对新的命令，用于恢复工作目录或暂存区中的文件。它提供了一个直观的方式来撤销更改，取代了之前使用 git checkout 的一些用法。 这个命令的推出使得 Git 的命令更加清晰和易用&am…
李华
网站建设
2026/4/16 12:28:44
JavaScript WebAPI 核心操作指南
JavaScript(WebAPI) WebAPI 背景知识 什么是 WebAPI 前面学习的 JS 分成三个大的部分： ECMAScript：基础语法部分DOM API：操作页面结构BOM API：操作浏览器 WebAPI 就包含了 DOM BOM。 这个是 W3C 组织规定的（和制…
李华