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',};export default {  2.通过声明全局变量的方式 
 

一定是先声明,后调用

global.a = 1; <Text>{a}</Text>

也可以专门写在一个文件当中。

global.constants = {
   website:'http://www.baidu.com',152);">'百度',};

调用方法,入口文件一次调用(比如index.iOS.js文件),全局使用。

import './constants.js'; Text>{global.constants.name}Text>Text>

猜你在找的React相关文章