详解React native全局变量的使用(跨组件的通信)
更新时间：2017年09月07日 11:53:21 作者：RitchieWei
本篇文章主要介绍了详解React native全局变量的使用(跨组件的通信)，具有一定的参考价值，有兴趣的同学可以了解一下
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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
react-native DatePicker日期选择组件的实现代码
本篇文章主要介绍了react-native DatePicker日期选择组件的实现代码，具有一定的参考价值，有兴趣的可以了解下2017-09-09
这篇文章主要介绍了React+EggJs实现断点续传的示例代码，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-07-07
这篇文章主要为大家介绍了React不能将useMemo设置为默认方法原因详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪<BR>2022-07-07
这篇文章主要介绍了详解react的两种动态改变css样式的方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2021-04-04
React Router 是 React 中用于处理页面导航和路由的工具,它使用 HTML5 History API 或 URL 的哈希部分进行路由管理,本文介绍React Router 用法详细讲解,感兴趣的朋友一起看看吧2025-01-01
React不使用requestIdleCallback实现调度原理解析
这篇文章主要为大家介绍了React不使用requestIdleCallback实现调度原理解析，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-11-11
所谓的生命周期就是指某个事物从开始到结束的各个阶段,本文主要介绍了浅谈react新旧生命周期钩子,具有一定的参考价值,感兴趣的可以了解一下2023-12-12
这篇文章主要介绍了react-pdf实现将pdf文件转为图片,用于页面展示问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-07-07
这篇文章主要介绍了React 表单与事件的相关资料，文中示例代码非常详细，帮助大家更好的理解和学习，感兴趣的朋友可以了解下2020-07-07
本文基于 nextUI 和 tailwindCSS 实现调用式 Modal 组件的封装,文中通过图文结合的方式和代码示例介绍的非常详细,具有一定的参考价值,需要的朋友可以参考下2024-12-12
最新评论