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

本篇文章主要介绍了详解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>

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。

您可能感兴趣的文章:

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wygdyy.html