React Component ESLintがデフォルトエクスポートを好むと言います

Question

私のコンポーネントのESLintからこのエラーが発生し続けています。

ESLint：デフォルトのエクスポート（インポート/好む-デフォルト輸出）

がここにありますが、コンポーネントが

export class mycomponent extends React.Component { 

    render() { 

    //stuff here 

    } 
} 

それは何を求めて検索する方法である好むと言いますか？これをどうすれば解決できますか？

export default class mycomponent extends React.Component { 

    render() { 

    //stuff here 

    } 
} 

を（追加単語defaultに気づく）、その後、他のファイルにあなたとあなたのコンポーネントをインポートすることがあります。：

import mycomponent from './mycomponent.js';

あなたは、このようなデフォルトとしてエクスポートを指定する必要が

Answer 1

コンポーネントが同じディレクトリ内に含まれ、ファイルmycomponent.jsで定義されていると仮定します。また、あなたのファイルのような名前を持つ複数のエクスポートされたものが含まれている場合、デフォルトのエクスポートを避けることができ

：

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

またはあなたも言葉defaultなくて、それがある正確に元のファイルを残して、それをインポートすることができバッチインポートを使用した：「好むデフォルト輸出をeslint」のためのGoogleで

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