详解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 相关文章推荐
IE中jscript/javascript的条件编译
Sep 07 Javascript
捕获关闭窗口的脚本
Jan 10 Javascript
jquery下json数组的操作实现代码
Aug 09 Javascript
jQuery中extend函数详解
Feb 13 Javascript
js实现商城星星评分的效果
Dec 29 Javascript
vue指令以及dom操作详解
Mar 04 Javascript
JavaScript实现的选择排序算法实例分析
Apr 14 Javascript
深入理解vue-router之keep-alive
Aug 31 Javascript
详解如何模拟实现node中的Events模块(通俗易懂版)
Apr 15 Javascript
js设计模式之单例模式原理与用法详解
Aug 15 Javascript
微信小程序缓存支持二次开发封装实现解析
Dec 16 Javascript
JS数组的常用10种方法详解
May 08 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使用Mysql事务实例解析
2014/09/08 PHP
php+mysql实现简单的增删改查功能
2015/07/13 PHP
PHP使用mkdir创建多级目录的方法
2015/12/22 PHP
PHP实现使用DOM将XML数据存入数组的方法示例
2017/09/27 PHP
wordpress自定义标签云与随机获取标签的方法详解
2019/03/22 PHP
JavaScript入门教程(12) js对象化编程
2009/01/31 Javascript
jQuery select控制插件
2009/08/17 Javascript
经典海量jQuery插件 大家可以收藏一下
2010/02/07 Javascript
JavaScript取得鼠标绝对位置程序代码介绍
2012/09/16 Javascript
js展开闭合效果演示代码
2013/07/24 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
2013/12/12 Javascript
javascript伸缩菜单栏实现代码分享
2015/11/12 Javascript
js倒计时抢购实例
2015/12/20 Javascript
js实现简单的省市县三级联动效果实例
2016/02/18 Javascript
VUEJS实战之利用laypage插件实现分页(3)
2016/06/13 Javascript
plupload+artdialog实现多平台上传文件
2016/07/19 Javascript
Angular2 (RC5) 路由与导航详解
2016/09/21 Javascript
JavaScript面向对象分层思维全面解析
2016/11/22 Javascript
JQuery和HTML5 Canvas实现弹幕效果
2017/01/04 Javascript
Javascript的this详解
2019/03/23 Javascript
Element-ui el-tree新增和删除节点后如何刷新tree的实例
2020/08/31 Javascript
Python 稀疏矩阵-sparse 存储和转换
2017/05/27 Python
python距离测量的方法
2018/03/06 Python
使用python判断jpeg图片的完整性实例
2019/06/10 Python
连接pandas以及数组转pandas的方法
2019/06/28 Python
python爬取Ajax动态加载网页过程解析
2019/09/05 Python
python3.6连接mysql数据库及增删改查操作详解
2020/02/10 Python
酒店经理职责
2014/01/30 职场文书
外语系大学生自荐信范文
2014/03/01 职场文书
安全协议书
2014/04/23 职场文书
《谁的本领大》教后反思
2014/04/25 职场文书
公司投资建议书
2014/05/16 职场文书
2015元旦文艺汇演主持稿(开场白+结束语)
2014/12/14 职场文书
暂停营业通知
2015/04/25 职场文书
让生命充满爱观后感
2015/06/08 职场文书
Python之基础函数案例详解
2021/08/30 Python