从一个目录导入多个组件

Question

我正在这样导入我的组件

import Component1 from "./components/Component1";
import Component2 from "./components/Component2";
import Component3 from "./components/Component3";
...

我该怎么做

import {Component1, Component2, Component3} from "./components/";

Answer 1

在components文件夹中，您可以创建一个index.js文件。导入文件夹时，index.js文件会自动加载。

components / index.js

export { default as Component1 } from './Component1';
export { default as Component2 } from './Component2';
export { default as Component3 } from './Component2';

somefile.js

import { Component1, Component2, Component3 } from './components';

上面的结果与此相同（由于文件名为index.js）：

import { Component1, Component2, Component3 } from './components/index';