ESLint Предпочитать экспорт по умолчанию импорт / предпочесть по умолчанию экспорт - PullRequest
Новая
       11

ESLint Предпочитать экспорт по умолчанию импорт / предпочесть по умолчанию экспорт

0 голосов
/ 03 октября 2018

Привет, я изо всех сил пытаюсь понять / исчезла эта ошибка в моем проекте React.

Prefer default export import/prefer-default-export

Helpers.js указывает на: 

export function getItems() {
  fetch('./data/data_arr.js')
  .then(results => results.json())
  .then(results => this.setState({ items: results }));
}

импорт функции:

import { getItems } from '../helpers/helpers';

componentDidMount() {
    getItems.call(this);
}

Я пытался безрезультатно: 

"rules": {
     "import/prefer-default-export": off,
     ...
}

Нужно ли добавить «по умолчанию» вфункция?export default function getItems() {...}

Спасибо

1 Ответ

0 голосов
/ 08 ноября 2018

Чтобы отключить это предупреждение, вы можете добавить комментарий 

/* eslint-disable import/prefer-default-export */

в самый верх файла, в который вы экспортируете getItems.

Обратите внимание, что Eslint просто дает вампредупреждение о стиле - в вашем коде нет ничего «неправильного», если вы собираетесь экспортировать больше функций из этого же файла в будущем.

Тем не менее, часто лучше использовать export default, когда вы экспортируете только один бит кода из файла.Таким образом, это более приятный синтаксис при импорте кода в другой файл.

Пример

Если вы хотите экспортировать только один биткод, вы можете использовать export default.С export default function getItems() {...} ваш импорт будет выглядеть как import getItems from '../myFile';.Преимущество использования export default означает, что вы можете импортировать файл, используя любое имя .например, import somethingElse from '../myFile' тоже будет работать нормально.Этот синтаксис точнее и понятнее, если файл служит только одной цели.

Однако, если вы хотите экспортировать несколько битов кода из файла, в который вы экспортируете getItems() (или можетхотите в будущем) тогда вы не сможете использовать export default.Это означает, что вы должны импортировать, используя экспортированное имя.Преимущество здесь в том, что вы можете экспортировать, а затем импортировать несколько битов кода из одного файла.например, export {getItems, getPeople, getPets} и import {getItems, getPeople} from '../myFile';

...