详解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 相关文章推荐
jquery $.ajax各个事件执行顺序
Oct 15 Javascript
Jquery之美中不足小结
Feb 16 Javascript
js的.innerHTML = &quot;&quot;IE9下显示有错误的解决方法
Sep 16 Javascript
JS实现一个按钮的方法
Feb 05 Javascript
Angular1.x自定义指令实例详解
Mar 01 Javascript
详解Angular6.0使用路由步骤(共7步)
Jun 29 Javascript
js操作table中tr的顺序实现上移下移一行的效果
Nov 22 Javascript
vue集成kindeditor富文本的实现示例代码
Jun 07 Javascript
vue图片加载失败时用默认图片替换的方法
Aug 29 Javascript
vue和iview实现Scroll 数据无限滚动功能
Oct 31 Javascript
jQuery实现王者荣耀手风琴效果
Jan 17 jQuery
Element Dialog对话框的使用示例
Jul 26 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基础教程
2015/08/26 PHP
PHP的PDO操作简单示例
2016/03/30 PHP
PHP合并数组的2种方法小结
2016/11/24 PHP
php+mysql实现的无限分类方法类定义与使用示例
2020/05/27 PHP
jQuery 获取对象 基本选择与层级
2010/05/31 Javascript
基于jquery的一行代码轻松实现拖动效果
2010/12/28 Javascript
JS保存、读取、换行、转Json报错处理方法
2013/06/14 Javascript
简单的两种Extjs formpanel加载数据的方式
2013/11/09 Javascript
开发中可能会用到的jQuery小技巧
2014/03/07 Javascript
Javascript学习笔记之函数篇(四):arguments 对象
2014/11/23 Javascript
javascript实现链接单选效果的方法
2015/05/13 Javascript
js实现select二级联动下拉菜单
2020/04/17 Javascript
jQuery 选择同时包含两个class的元素的实现方法
2016/06/01 Javascript
详解如何在 vue 项目里正确地引用 jquery 和 jquery-ui的插件
2017/06/01 jQuery
详谈commonjs模块与es6模块的区别
2017/10/18 Javascript
优雅的使用javascript递归画一棵结构树示例代码
2019/09/22 Javascript
详解微信小程序中var、let、const用法与区别
2020/01/11 Javascript
vue相关配置文件详解及多环境配置详细步骤
2020/05/19 Javascript
[02:53]2018年度DOTA2最佳战队-完美盛典
2018/12/17 DOTA
Python实现将目录中TXT合并成一个大TXT文件的方法
2015/07/15 Python
python模块之re正则表达式详解
2017/02/03 Python
Python基于回溯法子集树模板解决全排列问题示例
2017/09/07 Python
Python中的函数作用域
2018/05/07 Python
python爬虫中多线程的使用详解
2019/09/23 Python
Python模块常用四种安装方式
2020/10/20 Python
canvas版人体时钟的实现示例
2021/01/29 HTML / CSS
澳大利亚票务和娱乐市场领导者:Ticketmaster
2017/03/03 全球购物
广告设计专业自荐信范文
2013/11/14 职场文书
音乐专业自荐信
2014/02/07 职场文书
中学生打架检讨书
2014/02/10 职场文书
门前三包责任书
2014/04/15 职场文书
中国梦团日活动总结
2014/07/07 职场文书
连锁超市项目计划书
2014/09/15 职场文书
小学见习报告
2014/10/31 职场文书
就业意向协议书
2015/01/29 职场文书
如何用JS实现简单的数据监听
2021/05/06 Javascript