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

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

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

RitchieWei   2021-03-29 我要评论
想了解详解React native全局变量的使用(跨组件的通信)的相关内容吗,RitchieWei在本文为您仔细讲解react native全局变量的相关知识和一些Code实例,欢迎阅读和指正,我们先划重点:react,native全局变量,reactnative,全局变量,reactnative,组件通信,下面大家一起来学习吧。

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>

猜您喜欢

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们