news 2026/5/11 6:11:28

react组件外的变量是共用的

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
react组件外的变量是共用的

一直好奇如果一个组件被多次使用,那么在组件外写的变量是否共用,结果实验下来,发现的确是共用的

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变量是多个组件共用的

版权声明: 本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若内容造成侵权/违法违规/事实不符，请联系邮箱：809451989@qq.com进行投诉反馈，一经查实，立即删除！
网站建设 2026/4/28 20:40:32

云购系统介绍

介绍: YunGouCMS是一套适合海外用户裂变的1元购电商系统，支持高并发、多语言、原生APP等,紧跟市场需求。 YunGouCMS使用MVC框架（后端语言：PHP）和VUE前端开发，是企业运营级多语言云购夺宝系统。 前台支持18种语言&#…

作者头像 李华
网站建设 2026/5/1 7:02:54

Java 基础学习总结（214）—— Java 实现 MCP Server 详细指南

前言 MCP（Model Context Protocol，即模型上下文协议）是由 Anthropic（Claude 的母公司）于 2024年11月 开源发布的一项 全新技术。MCP 是为了解决大模型虽然强大，但是有时候无法获取实时信息以及访问特定工具！而 MCP 是一种让AI能够"伸出手"使用外部工具和服务…

作者头像 李华
网站建设 2026/4/20 11:04:21

C# 基于OpenCv的视觉工作流-章5-自动二值化

C# 基于OpenCv的视觉工作流-章5-自动二值化 本章目标： 一、自动二值化；二值化的分割阈值是固定值，整图所有像素值与分割阈值进行比较判断；而自动二值化的分割阈值是局部计算所得，计算方法是取局部区域的所有像素值&…

作者头像 李华