大家好,我是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感興趣,歡迎關注我的公眾號,加入我們的討論群: