ESLint Prefer default export import/prefer-default-export

reactjs eslintrc
roshambo picture roshambo · Oct 3, 2018 · Viewed 36.7k times · Source

Hi there I am struggling to understand / have this eslint error disappear with my React Project.

Prefer default export import/prefer-default-export

Helpers.js error is pointing to:

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

import of function:

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

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

I have tried to no avail:

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

Do I need to add "default" to the function? export default function getItems() {...}

Thank you

Answer

SET picture SET · Dec 3, 2019 
"rules": {
     "import/prefer-default-export": "off",
     ...
}

The word off has to be quoted.

Related questions

Why do I keep getting Delete 'cr' [prettier/prettier]?

I am using vscode with Prettier 1.7.2 and Eslint 1.7.0. After every newline I get: [eslint] Delete 'cr' [prettier/prettier] This is the .eslintrc.json: { "extends": ["airbnb", "plugin:prettier/recommended"], "env": { "jest": true, "browser": true }, "rules": { "import/no-extraneous-dependencies": "off", "import/prefer-default-export": "off", "…

Read More
Using jest in my react app, describe is not defined

I am new to jest and trying to figure out some basic stuff in my following code import * as actions from './IncrementalSearchActions'; describe('Incremental Search Actions', () => { it('Should create an incremental search action') }); The questions/confusions I have …

Read More
eslint "parsing error: Unexpected token {" in JSX

const title = 'My Minimal React Webpack Babel Setups'; const App = () => (<div><b>{title}</b><img src={img} /></div>) This code occurs an error "ESLint Parsing Error: Unexpected token {" my .…

Read More