即時ES6導出似乎不工作

Question

我正在開發與Webpack（熱重新加載），我正在導入React組件import Sample from './components/Sample/Sample'，但是，我想簡單地能夠導入import {Sample, SampleTwo} from './components'。

前者的作品，但後者會引發錯誤。

components/ 
     index.jsx 
     Sample/ 
      Sample.jsx 
     SampleTwo/ 
      SampleTwo.jsx 

內index.jsx的，我已經試過：

export {default as Sample} from './component/Sample/Sample'它的工作原理，但我得到的WebPack警告說這是在只讀模式。然後，我試過如下：

import Sample from './components/Sample/Sample'; 

    export default { 
     Sample: Sample 
    } 

Answer 1

由於Davin建議，你可以只是出口其屬性引用您的組件對象：

import Sample from './components/Sample/Sample'; 

export { Sample: Sample } 

甚至更​​好：

import Sample from './components/Sample/Sample'; 

export { Sample } 

然後你可以這樣導入：

import { Sample } from './components' 

Answer 2

部件/樣品/ Sample.jsx

[...] 

class Sample extends React.Component 
{ 
    [...] 
} 

export default Sample; 

組件/ SampleTwo/SampleTwo.jws

[...] 

class SampleTwo export React.Component 
{ 
    [...] 
} 

export default SampleTwo; 

組件/ index.jsx

import Sample from './Sample/Sample' 
import SampleTwo from './SampleTwo/SampleTwo' 

export {Sample, SampleTwo};