从索引文件中导出组件

Question

i have shared components folder when i created some components and i want to export all of them to index.js file and then export all of them from that file. thats how it looks from one of the components file:

 export default ToggleSwitch;

now in the index file i try to export them again, it looks like this:

 export { default as ToggleSwitch } from './ToggleSwitch'; export { default as Input } from './TextField'; export { default as Button } from './Button';

when i try to import one of the components if i import like this:

 import Button from '../../shared/components';

i get this error saying that '../../shared/components' does not contain a default export
and when i try to import it like this,

 import { Button } from '../../shared/components';

i get error saying Button is not exported from '../../shared/components'.

what am i doing wrong here?

Answer 1

Have you tried importing as import { Button } from 'shared/components'; ?

For reference, the current codebase I work with has a similar structure for stores (flux stores) and this pattern works.

An example from the codebase: import { ClickStore } from 'stores'; .