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>
看完上述内容,你们掌握React中如何使用native全局变量的方法了吗?如果还想学到更多技能或想了解更多相关内容,欢迎关注编程网行业资讯频道,感谢各位的阅读!