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

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

长按可调倍速

【react hooks】详解 react context，隔空取物，就这么简单！

UP一线柏拉图 3490 5

18: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;