如何从一个通用文件夹导入多个组件?

Lar*_*isa 4 reactjs

我的一个文件夹中有很多组件components。我怎样才能在一行中导入它们?

例如我有这个:

import FormField from "./../components/FormField";
import MultiSelect from "./../components/MultiSelect";
Run Code Online (Sandbox Code Playgroud)

但我想像这样导入它:

import {MultiSelect, FormField} from "./../components";
Run Code Online (Sandbox Code Playgroud)

这是行不通的。

小智 5

这样做:

import { MultiSelect, FormField } from "./../components";
Run Code Online (Sandbox Code Playgroud)

在您的components文件夹中,创建新文件index.js

export { default as FormField } from './FormField';
export { default as MultiSelect} from './MultiSelect';

Run Code Online (Sandbox Code Playgroud)