即时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};