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

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

长按可调倍速

react、vite 中使用 Module Federation

UP一分柯桔 47

12:42

很多小伙伴在在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;