Зачем нужен index.js для компонентов?

266
23 ноября 2021, 04:00

В процессе изучения React наткнулся на множество примеров в которых присутствует следующая структура:

├─ src/components/ExampleComponent
   ├── ExampleComponent.js 
   ├── ExampleComponent.test.js 
   ├── index.js

И так для каждого компонента. ExampleComponent.js и ExampleComponent.test.js у меня вопросов не вызывают, однако index.js остается загадкой. Причем файлик содержит везде одно и то же и выглядит по принципу: export { default } from './ExampleComponent';

В чем смысл?

Answer 1

К примеру у вас есть папка customBtn внутри с файлом customBtn.jsx.

Если импортировать файл customBtn.jsx из папки components (без index.js) надо будет написать так.

import CustomBtn from "./components/customBtn/customBtn";

Если добавить index.js внутри папки customBtn то не надо будет два раза подряд написать /customBtn/customBtn

import CustomBtn from "./components/customBtn";

Это не обязательно так писать если вам удобно можете написать дважды имя папки и файла.

READ ALSO
JS переключение класса
javascript

JS переключение класса

Недавно я начал изучать JS и сделал калькулятор расчета стоимости на чистом JSКалькулятор работает нормально, но когда я попытался сделать...

 106
Javascript проверить видимость элемента
javascript

Javascript проверить видимость элемента

Всем доброго дня!

 102
В чем разница при итерировании for(var item in data){...} и data[i]?
javascript

В чем разница при итерировании for(var item in data){...} и data[i]?

Господа

 115
не могу отсортировать массив для вывода категорий
javascript

не могу отсортировать массив для вывода категорий

есть некий массив items мне надо его отфильтровать по категориям , как сделать через цикл for или itemsfilter, я пробовал( index используется в React

 77