Компонент React ESLint говорит, что предпочитает экспорт по умолчанию

Я продолжаю получать эту ошибку от ESLint на моем компоненте.

ESLint: говорит, что предпочитаете экспорт по умолчанию (import/prefer-default-export)

Вот как выглядит компонент

export class mycomponent extends React.Component {

  render() {

    //stuff here

  }
}

Что он просит? Как я могу это исправить?


person Community    schedule 16.04.2017    source источник
comment
developer.mozilla.org/en/docs/web/javascript/ ссылка/   -  person azium    schedule 17.04.2017
comment
Первый результат в Google для eslint preference-default-export: github.com/benmosher/eslint-plugin-import/blob/master/docs/   -  person Jordan Running    schedule 17.04.2017
comment
Я видел это, но он отличается от моего компонента, поэтому я не понимаю, что мне нужно изменить в моем компоненте. Кроме того, я получил код формата компонента с самого веб-сайта React: o/   -  person    schedule 17.04.2017


Ответы (1)


вам нужно указать свой экспорт по умолчанию следующим образом:

export default class mycomponent extends React.Component {

  render() {

    //stuff here

  }
}

(обратите внимание на добавленное слово default), а затем в других файлах вы можете импортировать свой компонент с помощью:

import mycomponent from './mycomponent.js';

предполагается, что компонент включается из того же каталога и определен в файле mycomponent.js.

Вы также можете избежать экспорта по умолчанию, если ваш файл содержит несколько экспортированных вещей с такими именами, как:

export const foo = 'foo';
export const bar = 'bar';

или вы даже можете оставить исходный файл без слова default и импортировать его с помощью пакетного импорта:

import * as mycomponent from './mycomponent.js';

person David Zorychta    schedule 16.04.2017