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

本文由黑壳博客发布

本文来源 React native全局变量的使用(跨组件的通信) - 黑壳网

壳叔搞笑时间

远方亲戚来串门,熊孩子拿着我的手机在地上踩着玩!他妈看见了还笑,我一脚就把他踹客厅去了!这回他妈急了,搂着孩子说他才十岁,你不能让让吗? 看他哭唧唧的样子我也心疼了,走过去摸着他的脸说:乖哦,别哭了,再哭我打死你哦……”

正文

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

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

新建constants.js文件

    const object = {
       website:'http://blog.bhusk.com',
       name:'黑壳博客',
    };
    export default object;

需要用到的时候导入文件

    import Constants from './constants.js'
    {Constants.name}

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

    export default {
       website:'http://blog.bhusk.com',
       name:'黑壳网',
    };

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

一定是先声明,后调用。

    global.a = 1;
    {a}

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

    global.constants = {
       website:'http://blog.bhusk.com',
       name:'黑壳网',
    };

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

    import './constants.js';
    {global.constants.name}

基本如果不了解 React-Native 这篇文章能很简段让你清晰知道全局变量的使用,如果还不是很清楚,可以重新补充一下基础知识。

关于我们

程序员太辛苦了

请善待你们身边的每一位程序员~

欢迎在评论写下你的程序员自黑体呦,嗯,相信你可以滴~~~~~~

以上内容,均来自互联网~

欢迎扫描二维码加入我们的小组织
黑壳网交流群 Qq:200408242


11a84075a304ac57f6d37323512fd24cde9836350b9d80148b282eeaa188b196c2358d4ffd7006cbpng

黑壳博客 blog.bhusk.com

E-mail:keshu@bhusk.com

本文由 黑壳博客的壳叔 创作或转载,采用 知识共享署名 3.0 中国大陆许可协议 进行许可。

可自由转载、引用,但需署名作者且注明文章

留下你的脚步
推荐阅读