表示首选默认导出

Question

我不断地从组件上的ESLint中得到这个错误。

默认导出(import/prefer-default-export)：ESLint

以下是组件的外观

export class mycomponent extends React.Component {

  render() {

    //stuff here

  }
}

它想要什么？我怎么才能解决这个问题？

Answer 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';