導(dǎo)讀
export {default as CardModal } from './cardModal/cardModal'
如果你不幸知道了上面的知識點，文中70%都是廢話了姨俩。
如果你與2020/4/18 19:24 左右讀過MDN過于export的文檔丽已，就可以默默退出去了蒋院，慢走！
正文
我有src/copmonent的文件結(jié)構(gòu)剑肯，用來存放React組件捧毛，有個index.tsx的文件，統(tǒng)一對外導(dǎo)出
import GroupModal from './groupModal/groupModal';
import CardModal from './cardModal/cardModal';
export default {
GroupModal,
CardModal
};
在使用的地方
import { GroupModal , CardModal } from '@/component';
然后告訴我找不見...让网，想了半天是和結(jié)構(gòu)賦值搞混了
只能這樣
const { AllComponent } = CardManagerComponent;
使用的時候
const {GroupModal , CardModal } = AllComponent;
<GroupModal />
<CardModal />
或者
<AllComponent.GroupModal />
<AllComponent.CardModal />
其實我一直想嘗試如下寫法
import GroupModal from './groupModal/groupModal';
import CardModal from './cardModal/cardModal';
export GroupModal ;
export CardModal ;
可現(xiàn)實它不允許把接恰！
那么問題來了溃睹，挖掘機學(xué)校哪家強而账！有點激動...
在某位大佬的指點下，看了antd的導(dǎo)出因篇，不看不知道泞辐，一看嚇一跳
其實還可以這樣
export {default as GroupModal } from './groupModal/groupModal'
export {default as CardModal } from './cardModal/cardModal'
然后就可以這樣
import { GroupModal , CardModal } from '@/component';
為啥我之前一直不知道，估計是新出的語法竞滓，嗯咐吼，沒錯...
