欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

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

程序员文章站 2022-09-08 13:04:13
rn中有两种方式使用全局变量 1.通过导入导出文件的方式 新建constants.js文件 const object = { website:'http...

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>

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