react native 全局变量的使用

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

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

新建constants.js文件

  1. const object = {

  2. website:'http://www.baidu.com',

  3. name:'百度',

  4. };

  5. export default object;

需要用到的时候导入文件

  1. import constants from './constansts.js'

  2. <Text>{constants.name}</Text>

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

  1. export default {

  2. website:'http://www.baidu.com',

  3. name:'百度',

  4. };

2.通过声明全局变量的方式

一定是先声明,后调用。

  1. global.a = 1;

  2. <Text>{a}</Text>

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

  1. global.constants = {

  2. website:'http://www.baidu.com',

  3. name:'百度',

  4. };

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

  1. import './constants.js';

  2. <Text>{global.constants.name}</Text>

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/daniel1227/article/details/81170776

猜你喜欢

转载自blog.csdn.net/daniel1227/article/details/81170776
今日推荐