#javascript #reactjs
Вопрос:
Последние два проекта React, над которыми я работал, были связаны с экспортом компонентов/страниц по умолчанию. Прямо рядом с ними в index.js:
export { default as Icon } from "../Icon";
Люди, которые начали проект, не могли дать мне надлежащего объяснения, почему.
Каковы преимущества этого по сравнению с простым экспортом из файла, а затем:
import { Icon } from '../Icon/Icon';
Комментарии:
1. Я не думаю, что они существуют как таковые . В основном он используется для группировки определенных компонентов в один . Например, если у вас есть папка, компоненты которой являются общими для всего приложения . ты можешь взять одну index.js файл в этой папке и может использовать его для повторного экспорта . Так что в других местах вашего приложения вы можете делать
import { a, b, c } from 'shared-components'вместоimport a from shared-component/a2. @Shyam и
import b from shared-component/bиimport c from shared-component/cдо тошноты. 😉
Ответ №1:
Я думаю, что это для улучшения читабельности кода, так как устраняет необходимость повторять имя компонента два раза. Также предположим, что мы экспортируем несколько элементов из одной папки компонентов. Становится легче поместить их все в один index.js и импортируйте необходимые из них в одну строку.
import C, {C1, C2, C3} from 'components/C'