詳解React native全局變量的使用(跨組件的通信)
更新時(shí)間：2017年09月07日 11:53:21 作者：RitchieWei
本篇文章主要介紹了詳解React native全局變量的使用(跨組件的通信)，具有一定的參考價(jià)值，有興趣的同學(xué)可以了解一下
RN中有兩種方式使用全局變量
1.通過導(dǎo)入導(dǎo)出文件的方式
新建constants.js文件
const object = {
website:'http://www.hao123.com',
name:'好123',
};
export default object;
需要用到的時(shí)候?qū)胛募?/p>
import constants from './constansts.js'
<Text>{constants.name}</Text>
還可以有另外一種導(dǎo)入文件的寫法
export default {
website:'http://www.hao123.com',
name:'好123',
};
2.通過聲明全局變量的方式
一定是先聲明，后調(diào)用。
global.a = 1;
<Text>{a}</Text>
也可以專門寫在一個(gè)文件當(dāng)中。
global.constants = {
website:'http://www.baidu.com',
name:'百度',
};
調(diào)用方法，入口文件一次調(diào)用（比如index.ios.js文件），全局使用。
import './constants.js';
<Text>{global.constants.name}</Text>
以上就是本文的全部內(nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。
相關(guān)文章
react-native DatePicker日期選擇組件的實(shí)現(xiàn)代碼
本篇文章主要介紹了react-native DatePicker日期選擇組件的實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，有興趣的可以了解下2017-09-09
React+EggJs實(shí)現(xiàn)斷點(diǎn)續(xù)傳的示例代碼
這篇文章主要介紹了React+EggJs實(shí)現(xiàn)斷點(diǎn)續(xù)傳的示例代碼，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2020-07-07
React不能將useMemo設(shè)置為默認(rèn)方法原因詳解
這篇文章主要為大家介紹了React不能將useMemo設(shè)置為默認(rèn)方法原因詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪<BR>2022-07-07
詳解react的兩種動(dòng)態(tài)改變css樣式的方法
這篇文章主要介紹了詳解react的兩種動(dòng)態(tài)改變css樣式的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2021-04-04
React Router 是 React 中用于處理頁面導(dǎo)航和路由的工具,它使用 HTML5 History API 或 URL 的哈希部分進(jìn)行路由管理,本文介紹React Router 用法詳細(xì)講解,感興趣的朋友一起看看吧2025-01-01
React不使用requestIdleCallback實(shí)現(xiàn)調(diào)度原理解析
這篇文章主要為大家介紹了React不使用requestIdleCallback實(shí)現(xiàn)調(diào)度原理解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-11-11
所謂的生命周期就是指某個(gè)事物從開始到結(jié)束的各個(gè)階段,本文主要介紹了淺談react新舊生命周期鉤子,具有一定的參考價(jià)值,感興趣的可以了解一下2023-12-12
react-pdf實(shí)現(xiàn)將pdf文件轉(zhuǎn)為圖片,用于頁面展示
這篇文章主要介紹了react-pdf實(shí)現(xiàn)將pdf文件轉(zhuǎn)為圖片,用于頁面展示問題,具有很好的參考價(jià)值,希望對(duì)大家有所幫助,如有錯(cuò)誤或未考慮完全的地方,望不吝賜教2024-07-07
這篇文章主要介紹了React 表單與事件的相關(guān)資料，文中示例代碼非常詳細(xì)，幫助大家更好的理解和學(xué)習(xí)，感興趣的朋友可以了解下2020-07-07
基于React實(shí)現(xiàn)調(diào)用式Modal組件的全流程
本文基于 nextUI 和 tailwindCSS 實(shí)現(xiàn)調(diào)用式 Modal 組件的封裝,文中通過圖文結(jié)合的方式和代碼示例介紹的非常詳細(xì),具有一定的參考價(jià)值,需要的朋友可以參考下2024-12-12