ReactNative學習筆記十二之export&import

大家好,我是deep,隨著項目的深入,基礎不足的問題逐漸暴露出來,遇到問題就要解決問題,這也是一個好的學習方式。
在我們寫客戶端程序的時候,總會有一個常量類,放一些常量,或者靜態方法,如何在ReactNative中使用這些呢?
當然主要還是用到export和import。所以這篇文章會做一個簡短的介紹。


標準使用格式

標準的使用格式,是export什么名字,import什么名字,舉個例子:
我有一個Constant.js文件:

var title = "我的產品";
export {title};
var title2 = "我的產品too";
export {title2 as anotherTitle};

我在其它文件引用的時候:

import {title} from '../util/Constant'

這樣我在這個文件使用title,就是我的產品這個字符串

這里要注意,一定要加大括號{},可能這里有人會問,什么時候不加,為什么很多庫使用的時候都沒有加,這個往下看,接下來會寫到

如果我想使用Constant.js中的title2怎么辦?
我們可以看到我們在export title2的時候,已經把它轉成另外一個名字了anotherTitle
所以在使用的時候如下:

import {title,anotherTitle} from '../util/Constant'

然后直接使用anotherTitle即可

省略寫法

根據上面的介紹可知,如果需要使用的變量很多,一個個導入,豈不是很麻煩,所以,還有一種省略寫法:

import * as Constant  from '../util/Constant'

這樣就將所有的變量全部導入了,在使用的時候只需:
Constant.title即可,是不是這種寫法很熟悉了。

默認模式

這應該是最常用的一種形式了,我們先看一下,我們經常在寫一個組件的時候會這樣用:

export default class Detail extends Component 

在別的界面中使用這個組件的時候會:

import Detail from './Detail';

這是用這個Detail不用加大括號,也不用也可以是其它名字,為什么呢,因為在export中默認使用了default,這樣,即便換個別的名字,只要from這個文件,就會import這個class
所以當我們常量類中屬性較多的時候可以這樣:

export default {
     title: "我的產品",
     title2 : "我的產品too",

}

在使用的時候:

import  Constant  from '../util/Constant'

然后直接調用Constant.title即可

總結

這次介紹的是工程開發中的一些小技巧,抽出常量的方式,也許對于大多數開發者來說早已掌握,但是對于新手來說,還是很實用的小技巧。


之前文章合集:
Android文章合集
iOS文章合集
ReactNative文章合集
如果你也做ReactNative開發,并對ReactNative感興趣,歡迎關注我的公眾號,加入我們的討論群:

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容