详解React native全局变量的使用(跨组件的通信)
更新时间：2017年09月07日 11:53:21 作者：RitchieWei
本篇文章主要介绍了详解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>
以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持脚本之家。
相关文章
这篇文章主要介绍了浅谈webpack+react多页面开发终极架构，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-11-11
这篇文章主要为大家介绍了React新文档滥用effect出现的问题详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-07-07
这篇文章主要为大家详细介绍了如何通过React实现一个倒计时功能组件,文中的示例代码讲解详细,具有一定的学习价值,感兴趣的小伙伴可以了解下2023-09-09
这篇文章主要介绍了浅谈React Event实现原理,小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-09-09
相信大家在使用 React 写页面的时候都遇到过完成 Remember me 的需求吧！本文就将这个需求封装在一个 React hook 中以供后续的使用,觉得有用的同学可以收藏起来以备不时之需,感兴趣的小伙伴跟着小编一起来看看吧2024-04-04
React jsx转换与createElement使用超详细讲解
这篇文章主要介绍了React jsx转换与createElement使用，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习吧2022-11-11
生命周期函数指在某一时刻组件会自动调用并执行的函数。React每个类组件都包含生命周期方法，以便于在运行过程中特定的阶段执行这些方法2022-09-09
React-hook-form-mui基本使用教程(入门篇)
react-hook-form-mui可以帮助开发人员更轻松地构建表单,它结合了React Hook Form和Material-UI组件库,使用react-hook-form-mui,开发人员可以更快速地构建表单,并且可以轻松地进行表单验证和数据处理,本文介绍React-hook-form-mui基本使用,感兴趣的朋友一起看看吧2024-02-02
前段时间接到这样一个需求,需要封装一个组件实现可编辑,这个到底有多通用呢,就是需要在普通的文字展示包括表格,列表等等,所以本文将给大家介绍如何基于react封装一个通用可编辑组件,需要的朋友可以参考下2024-02-02
这篇文章主要为大家介绍了React JSX基础语法教程示例,有需要的朋友可以借鉴参考下,希望能够有所帮助,祝大家多多进步,早日升职加薪2023-09-09
最新评论