React:全局变量的定义及使用

96
Lucia_Huang
2017.12.26 17:58 字数 185

最近新项目还以为可以用Ionic+Angular试试水了,没想到客户要求使用React开发。又开始了React的学习之旅了!有些的不对的地方大家可以在评论区指出。
首先声明,我是在手脚架create-react-app上实现的,使用ES6语法。

根据以下步骤:
1、首先新建一个config.js文件。在该文件写以下代码:

global.constants = {
    website:'http://www.baidu.com/',
    name:'百度',
};

其中,“constants ”表示名称,可以随意自己定义名称。

2、在需要用到这个变量的页面声明config.js文件。

import './config';
class App extends Component {
  render() {
    return (
       <div>名称:{global.constants.name}</div>
    );
  }
}
export default AddressAdd;

其中,注意声明的config,js文件存放的位置。

3、输出结果:

页面展示

欢迎大家留言评论,一起学习React。同时欢迎大家到我的个人主页听歌留言哦~

码的什么鬼
Web note ad 1