Import multiple components from one directory

user_2033678 0
Viewed 101

I´m importing my components like this

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

how can I do something like

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

In the components folder you can create a index.js file. The index.js file is automatically loaded when importing a folder.

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';

above has same result as this (because of file named index.js):

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