详解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 相关文章推荐
获取任意Html元素与body之间的偏移距离 offsetTop、offsetLeft (For:IE5+ FF1 )[
Dec 22 Javascript
Javascript事件热键兼容ie|firefox
Dec 30 Javascript
用函数模板,写一个简单高效的 JSON 查询器的方法介绍
Apr 17 Javascript
浮动的div自适应居中显示的js代码
Dec 23 Javascript
js获取及修改网页背景色和字体色的方法
Dec 29 Javascript
js实现3d悬浮效果
Feb 16 Javascript
解决jquery appaend元素中id绑定事件失效的问题
Sep 12 jQuery
JavaScript实现修改伪类样式
Nov 27 Javascript
element-ui 时间选择器限制范围的实现(随动)
Jan 09 Javascript
为什么Vue3.0使用Proxy实现数据监听(defineProperty表示不背这个锅)
Oct 14 Javascript
基于axios 的responseType类型的设置方法
Oct 29 Javascript
VUE : vue-cli中去掉路由中的井号#操作
Sep 04 Javascript
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完全过滤HTML,JS,CSS等标签
2009/01/16 PHP
优化php效率,提高php性能的一些方法
2011/03/24 PHP
PHP支持多种格式图片上传(支持jpg、png、gif)
2011/11/03 PHP
深入PHP操作MongoDB的技术总结
2013/06/02 PHP
PHP获取表单所有复选框的值的方法
2014/08/28 PHP
jQuery 1.0.4 - New Wave Javascript(js源文件)
2007/01/15 Javascript
JavaScript 未结束的字符串常量常见解决方法
2010/01/24 Javascript
jQuery操作Select的Option上下移动及移除添加等等
2013/11/18 Javascript
js中call与apply的用法小结
2013/12/28 Javascript
javascript与jquery中的this关键字用法实例分析
2015/12/24 Javascript
jQuery File Upload文件上传插件使用详解
2016/12/06 Javascript
angular+ionic 的app上拉加载更新数据实现方法
2017/01/16 Javascript
使用react-router4.0实现重定向和404功能的方法
2017/08/28 Javascript
javascript算法之二叉搜索树的示例代码
2017/09/12 Javascript
vue-star评星组件开发实例
2018/03/01 Javascript
js实现坦克大战游戏
2020/02/24 Javascript
JavaScript实现多球运动效果
2020/09/07 Javascript
js实现筛选功能
2020/11/24 Javascript
[09:33]2015国际邀请赛第四日TOP10
2015/08/08 DOTA
浅谈Python的文件类型
2016/05/30 Python
Python实现图片转字符画的示例代码
2017/08/21 Python
python抓取文件夹的所有文件
2018/02/27 Python
对Python3.6 IDLE常用快捷键介绍
2018/07/16 Python
python聚类算法解决方案(rest接口/mpp数据库/json数据/下载图片及数据)
2019/08/28 Python
tensorflow之获取tensor的shape作为max_pool的ksize实例
2020/01/04 Python
解决ROC曲线画出来只有一个点的问题
2020/02/28 Python
Python Charles抓包配置实现流程图解
2020/09/29 Python
Python fileinput模块如何逐行读取多个文件
2020/10/05 Python
Python中Pyspider爬虫框架的基本使用详解
2021/01/27 Python
德国苹果商店:MacTrade
2020/05/18 全球购物
上班早退检讨书
2014/01/09 职场文书
院领导写的就业推荐信
2014/03/09 职场文书
岗位标兵事迹材料
2014/05/17 职场文书
幼儿园运动会口号
2014/06/07 职场文书
幼儿园中班班级总结
2015/08/10 职场文书
PO模式在selenium自动化测试框架的优势
2022/03/20 Python