如何在react中定义并且使用全局变量

2021年10月22日 15:35 • 云服务器, 技术教程 • 阅读 2140

长按可调倍速

【一听就懂】全局变量&局部变量！C语言必会知识点，10分钟带你搞懂全局变量和局部变量的区别与用法！

UPC语言编程__Plus 5.8万 128

16:8

很多小伙伴在在react中不知道如何去定义也如何使用全局变量，今天我们给大家来介绍一下：

1.定义

新建一个js文件，定义全局变量如下代：

#例如起一个文件名为globalData.js
global.全局变量名称= {
    aaa:'111',
    bbb:[]',
};

2.使用

代码如下：

import 全局变量名称 from './globalData';
class App extends Component {
  render() {
    return (
       <div>名称：{全局变量名称.aaa}</div>
    );
  }
}
export default AddressAdd;

使用的第二中方式代码如下：

import './config';
class App extends Component {
  render() {
    return (
       <div>名称：{global.全局变量名称.aaa}</div>
    );
  }
}
export default AddressAdd;