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

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

ESLint:说“首选默认导出”(import / prefer-default-export)

这是组件的外观

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';
假设该组件是从同一目录中包含的，并且在文件mycomponent.js中定义。

如果文件包含多个具有以下名称的导出内容，则还可以避免默认导出:

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

或者，您甚至可以保留原始文件而没有default字样，然后使用批量导入将其导入:
import * as mycomponent from './mycomponent.js';

关于javascript - React Component ESLint表示“首选默认导出”，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/43442826/