详解React native全局变量的使用(跨组件的通信)


Posted in Javascript onSeptember 07, 2017

RN中有两种方式使用全局变量

1.通过导入导出文件的方式

新建constants.js文件

const object = {
  website:'http://www.hao123.com',
  name:'好123',
};
export default object;

需要用到的时候导入文件

import constants from './constansts.js'
<Text>{constants.name}</Text>

还可以有另外一种导入文件的写法

export default {
  website:'http://www.hao123.com',
  name:'好123',
};

2.通过声明全局变量的方式

一定是先声明,后调用。

global.a = 1;
<Text>{a}</Text>

也可以专门写在一个文件当中。

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

调用方法,入口文件一次调用(比如index.ios.js文件),全局使用。

import './constants.js';
<Text>{global.constants.name}</Text>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript同步Import,同步调用外部js的方法
Jul 08 Javascript
childNodes.length与children.length的区别
May 14 Javascript
Javascript attachEvent传递参数的办法
Dec 14 Javascript
利用js实现选项卡的特别效果的实例
Mar 03 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
Dec 20 Javascript
vue2笔记 — vue-router路由懒加载的实现
Mar 03 Javascript
ES6入门教程之let和const命令详解
May 17 Javascript
十大 Node.js 的 Web 框架(快速提升工作效率)
Jun 30 Javascript
vue页面切换到滚动页面显示顶部的实例
Mar 13 Javascript
微信小程序实现无限滚动列表
May 29 Javascript
vue使用代理解决请求跨域问题详解
Jul 24 Javascript
vue二选一tab栏切换新做法实现
Jan 19 Vue.js
BootStrap给table表格的每一行添加一个按钮事件
Sep 07 #Javascript
JS实现闭包中的沙箱模式示例
Sep 07 #Javascript
react-native使用react-navigation进行页面跳转导航的示例
Sep 07 #Javascript
详解vue-cli构建项目反向代理配置
Sep 07 #Javascript
vue数字类型过滤器的示例代码
Sep 07 #Javascript
vue监听scroll的坑的解决方法
Sep 07 #Javascript
react高阶组件经典应用之权限控制详解
Sep 07 #Javascript
You might like
PHP中一些可以替代正则表达式函数的字符串操作函数
2014/11/17 PHP
PHP环形链表实现方法示例
2017/09/15 PHP
laravel-admin 中列表筛选方法
2019/10/03 PHP
日期 时间js控件
2009/05/07 Javascript
JS 类型转换常见方法小结
2010/05/31 Javascript
javaScript同意等待代码实现心得
2011/01/01 Javascript
本地图片预览(支持IE6/IE7/IE8/Firefox3)经验总结
2013/03/25 Javascript
AngularJs  Understanding Angular Templates
2016/09/02 Javascript
jQuery Easy UI中根据第一个下拉框选中的值设置第二个下拉框是否可以编辑
2016/11/29 Javascript
使用yeoman构建angular应用的方法
2017/08/14 Javascript
js实现canvas保存图片为png格式并下载到本地的方法
2017/08/31 Javascript
详细分析jsonp的原理和实现方式
2017/11/20 Javascript
js实现贪吃蛇小游戏
2019/10/29 Javascript
初步介绍Python中的pydoc模块和distutils模块
2015/04/13 Python
Python正确重载运算符的方法示例详解
2017/08/27 Python
使用pandas中的DataFrame数据绘制柱状图的方法
2018/04/10 Python
Python3连接SQLServer、Oracle、MySql的方法
2018/06/28 Python
Python3中函数参数传递方式实例详解
2019/05/05 Python
75条笑死人的知乎神回复,用60行代码就爬完了
2019/05/06 Python
Pandas实现DataFrame按行求百分数(比例数)
2019/12/27 Python
Python变量及数据类型用法原理汇总
2020/08/06 Python
HTML5 Canvas画线技巧——实现绘制一个像素宽的细线
2013/08/02 HTML / CSS
美国网上眼镜商城:Zenni Optical
2016/11/20 全球购物
Boden澳大利亚官网:英国在线服装公司
2018/08/05 全球购物
蹦床仓库:Trampoline Warehouse
2018/12/06 全球购物
英国最受欢迎的价格比较网站之一:MoneySuperMarket
2018/12/19 全球购物
人力资源专业推荐信
2013/11/29 职场文书
生产内勤岗位职责
2013/12/07 职场文书
环保倡议书
2014/04/14 职场文书
银行主办会计岗位职责
2014/08/13 职场文书
学校交通安全责任书
2014/08/25 职场文书
个人房屋转让协议书范本
2014/10/26 职场文书
2015年汽车销售工作总结
2015/04/07 职场文书
2015秋季开学典礼主持词
2015/07/16 职场文书
三八节祝酒词
2015/08/11 职场文书
致男子1500米运动员的广播稿
2019/11/08 职场文书