React Component ESLint表示“首选默认导出”

Question

我不断从组件上的ESLint收到此错误。

ESLint：说“首选默认导出”（import / prefer-default-export）

这是组件的外观

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