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

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开源时间日期选择器组件(react-native-datetime)
• ReactNative Image组件使用详解
• React-Native 组件之 Modal的使用详解
• react-native-tab-navigator组件的基本使用示例代码
• React Native自定义标题栏组件的实现方法
• React-Native中一些常用组件的用法详解(一)
• react-native中ListView组件点击跳转的方法示例
• React-Native TextInput组件详解及实例代码
• React Native中导航组件react-navigation跨tab路由处理详解
• React Native自定义组件与输出方法详解