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

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