在一個文件中收集Material-UI組件

我目前正在使用Material UI和ReactJS處理Meteor項目。在一個文件中收集Material-UI組件

我想要做的是有一個文件，import是我需要用於我的項目的所有Material UI組件，然後只需在需要使用Material的情況下導入該單個文件，而不是將所有單獨的出口放在每個文件的頂部。

這可能嗎？我對ES6/2015和導入/導出系統非常陌生，但我不確定是否可以導入所有組件，然後以某種方式重新導出它們？

我很感激任何提前協助。我想這不完全是我的項目的重要組成部分，但它肯定會很高興能夠做到。

來源

2016-04-10 MisutoWolf

兩個選項：

您可以import mui from 'material-ui'進口一切。然後使用mui.Card，mui.CardActions等訪問各個組件。這將使您的應用程序包比導入每個組件的程度更大，這取決於您正在使用的所有組件的哪些部分，但從開發角度來看最便利。
在項目中創建單個文件，您可以在其中導入單獨使用的每個組件，然後將它們全部導出到單個命名空間下。

例如，在常見的文件，你就會有這樣的臺詞：

import Card from 'material-ui/lib/card/card'; 
import CardActions from 'material-ui/lib/card/card-actions'; 
import CardHeader from 'material-ui/lib/card/card-header'; 
... 

export default { 
    Card, CardActions, CardHeader,... 
}

然後你就可以導入該文件批發到每個在你需要它的地方。這將導致與您現在正在執行的操作相同的程序包。它在開發過程中比選項1不太方便，但比在每個文件中都有單獨的導入列表更方便。

來源

2016-04-11 00:29:25

當你說，「導入該文件批發」，你會怎麼做呢？我只是用'import'file''這樣簡單的東西來做，沒有任何名字，等等？ – MisutoWolf

從myMUI''導入*作爲myMUI或從'myMUI'導入myMUI，具體取決於您如何導出它。然後使用'myMUI.Card'來訪問。 –

在一個文件中收集Material-UI組件

回答

相關問題