Реакция: анонимный экспорт по умолчанию против именного экспорта по умолчанию

Question

Существуют ли какие-либо потери производительности, нежелательные побочные эффекты или предпочтительный стандарт при экспорте анонимного компонента React по сравнению с именованным компонентом?

экспорт анонимного компонента

import React from 'react';

export default ({ title }) => <div>{title}</div>;

экспорт именованных компонентов

import React from 'react';

const MyComponent = ({ title }) => <div>{title}</div>;

export default MyComponent;

Answer 1

Именованные экспорты действительно необходимы, только если вы выполняете экспорт не по умолчанию.

Я не согласен с вышеуказанным.

С IntelliSense и / или TypeScript export default MyComponent предпочтительнее, потому что он сообщает Intellisense и TypeScript больше и позволяет автоматически импортировать ваш модуль, используя расширения в вашей IDE.Если производительности нет, то именованный экспорт имеет более высокий синтаксис.

Answer 2

Нет снижения производительности, но наименование обеспечивает лучшую читаемость и функциональность с вашим редактором

Answer 3

Производительность не снижается, поскольку экспорт по умолчанию фактически именуется во время импорта, т. Е.: import MyFancyNamedComponent from './MyComponent'

Именованные экспорты действительно необходимы только при выполнении экспорта не по умолчанию.