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

最近新项目还以为可以用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。同时欢迎大家到我的个人主页听歌留言哦~

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,026评论 19 139
  • Rekit 2.0 出了好用的新特性!文章翻译来自:http://rekit.js.org/著作权归作者所有。商业...
    moofyu阅读 9,124评论 1 16
  • 无意中看到zhangwnag大佬分享的webpack教程感觉受益匪浅,特此分享以备自己日后查看,也希望更多的人看到...
    小小字符阅读 8,243评论 7 35
  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 173,678评论 25 708
  • 【写在前面】“公益”不等于“免费”,请尊重老师的劳动付出。 小伙伴们下周开始,8天英语老师将带领大家集中进行期末复...
    艾琳老师阅读 659评论 0 0