React中如何使用native全局变量

React中如何使用native全局变量,相信很多没有经验的人对此束手无策,为此本文总结了问题出现的原因和解决方法,通过这篇文章希望你能解决这个问题。

RN中有两种方式使用全局变量

React中如何使用native全局变量

1.通过导入导出文件的方式

新建constants.js文件

constobject={
website:'http://www.hao123.com',
name:'好123',
};
exportdefaultobject;

需要用到的时候导入文件

importconstantsfrom'./constansts.js'
<Text>{constants.name}</Text>

还可以有另外一种导入文件的写法

exportdefault{
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全局变量的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注恰卡编程网行业资讯频道,感谢各位的阅读!

发布于 2021-07-29 22:00:08
收藏
分享
海报
0 条评论
203
上一篇:Python中怎么动态声明变量赋值 下一篇:PHP怎么检查某个日期是不是有效
目录

    0 条评论

    本站已关闭游客评论,请登录或者注册后再评论吧~

    忘记密码?

    图形验证码