How to import multiple components from one general folder?

Question

I have many components in a components folder. How can I import them in one line?

For example I have this:

import FormField from "./../components/FormField";
import MultiSelect from "./../components/MultiSelect";

but I want to import it like this:

import {MultiSelect, FormField} from "./../components";

which is not working.

Answer 1

To do like this:

import { MultiSelect, FormField } from "./../components";

In your components folder, create new file: index.js with

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

Answer 2

Just make index.js in components folder

export * from './FormField';
export * from './MultiSelect';

After this you can easily access.

import {MultiSelect,FormField} from "./../components";