react中import導入時淌喻,有的帶花括號{},有的不帶

在使用import語法引用模塊時妓柜,如何正確使用{}

例如:有兩個文件,home.js赂鲤、user.js

當需要在home.js中引入user.js的時候

//home.js
import user from './user';

對于上面的這種引入方法噪径,只有user.js文件中需要提供默認的export defulat進行導出(必須是默認導出)這樣在home.js文件中就可以使用user了。如下

//user.js
export default 'nihao'

在這種不使用{}來引用模塊的情況下数初,import模塊時的命名是隨意的找爱,即如下三種引用命名都是正確的:

// home.js
import user from './user'
import user2 from './user'
import anyUser from './user

因為它總是會解析到user.js中默認的export default。

而下面是使用了花括號命名的方法{user}來導入user.js:

import { user } from './user'

上面代碼生效的前提是泡孩,只有在模塊user.js中有如下命名導出為user的export 的代碼车摄,也就是:

//user.js
export const user = 42

而且,在明確聲明了命名導出后仑鸥,那么在另一個js中使用{}引用模塊時吮播,import時的模塊命名是有意義的,如下:

// home.js
import { user } from './user'           // 正確眼俊,因為user.js中有命名為user的export
import { user2 } from './user'          // 錯誤意狠!因為user.js中沒有命名為user2的export
import { anyUser } from './user'        // 錯誤!因為user.js中沒有命名為anyUser的export

要想上述代碼正確執(zhí)行疮胖,你需要明確聲明每一個命名導出:

一個模塊中只能有一個默認導出export default环戈,但是卻可以有任意命名導出(0個、1個澎灸、多個)院塞,你也可以如下,一次性將他們導入:

// user.js
import user, { user2, anyUser } from './user'
這里我們使用導入默認導出user击孩,以及命名導出user2和anyUser。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末鹏漆,一起剝皮案震驚了整個濱河市巩梢,隨后出現(xiàn)的幾起案子创泄,更是在濱河造成了極大的恐慌,老刑警劉巖括蝠,帶你破解...
    沈念sama閱讀 217,084評論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件鞠抑,死亡現(xiàn)場離奇詭異,居然都是意外死亡忌警,警方通過查閱死者的電腦和手機搁拙,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評論 3 392
  • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來法绵,“玉大人箕速,你說我怎么就攤上這事∨笃” “怎么了盐茎?”我有些...
    開封第一講書人閱讀 163,450評論 0 353
  • 文/不壞的土叔 我叫張陵,是天一觀的道長徙赢。 經(jīng)常有香客問我字柠,道長,這世上最難降的妖魔是什么狡赐? 我笑而不...
    開封第一講書人閱讀 58,322評論 1 293
  • 正文 為了忘掉前任窑业,我火速辦了婚禮,結(jié)果婚禮上枕屉,老公的妹妹穿的比我還像新娘常柄。我一直安慰自己,他們只是感情好搀庶,可當我...
    茶點故事閱讀 67,370評論 6 390
  • 文/花漫 我一把揭開白布拐纱。 她就那樣靜靜地躺著,像睡著了一般哥倔。 火紅的嫁衣襯著肌膚如雪秸架。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 51,274評論 1 300
  • 那天咆蒿,我揣著相機與錄音东抹,去河邊找鬼。 笑死沃测,一個胖子當著我的面吹牛缭黔,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播蒂破,決...
    沈念sama閱讀 40,126評論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼馏谨,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了附迷?” 一聲冷哼從身側(cè)響起惧互,我...
    開封第一講書人閱讀 38,980評論 0 275
  • 序言:老撾萬榮一對情侶失蹤哎媚,失蹤者是張志新(化名)和其女友劉穎,沒想到半個月后喊儡,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體拨与,經(jīng)...
    沈念sama閱讀 45,414評論 1 313
  • 正文 獨居荒郊野嶺守林人離奇死亡,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 37,599評論 3 334
  • 正文 我和宋清朗相戀三年艾猜,在試婚紗的時候發(fā)現(xiàn)自己被綠了买喧。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點故事閱讀 39,773評論 1 348
  • 序言:一個原本活蹦亂跳的男人離奇死亡匆赃,死狀恐怖淤毛,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情炸庞,我是刑警寧澤钱床,帶...
    沈念sama閱讀 35,470評論 5 344
  • 正文 年R本政府宣布,位于F島的核電站埠居,受9級特大地震影響查牌,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜滥壕,卻給世界環(huán)境...
    茶點故事閱讀 41,080評論 3 327
  • 文/蒙蒙 一纸颜、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧绎橘,春花似錦胁孙、人聲如沸。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,713評論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至冈止,卻和暖如春狂票,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背熙暴。 一陣腳步聲響...
    開封第一講書人閱讀 32,852評論 1 269
  • 我被黑心中介騙來泰國打工闺属, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人周霉。 一個月前我還...
    沈念sama閱讀 47,865評論 2 370
  • 正文 我出身青樓掂器,卻偏偏與公主長得像,于是被迫代替她去往敵國和親俱箱。 傳聞我的和親對象是個殘疾皇子国瓮,可洞房花燭夜當晚...
    茶點故事閱讀 44,689評論 2 354

推薦閱讀更多精彩內(nèi)容