Reactjs 默认导出eslint

我试图为我的react redux应用程序创建一个结构，但我遇到了eslint默认导出规则的问题（我使用的是Airbnb指南）

基本上，我的结构如下所示：

src/
|-----modules/
|--------Component1/
|------------component.js
|------------index.js
|--------index.js
|-----App.js

//App.js
从“React”导入React，{Component}；
从“react dom”导入react dom；
从“./modules”导入{Component1}；
类应用程序扩展组件{
render（）{
返回(
);
}
}
ReactDOM.render（，document.getElementById（'app'）；

因为我使用的是Redux，所以也可以从组件导出还原器，所以我将使用带有两个参数的简单导出

我应该采取不同的方法还是忽略eslint规则

---

编辑：我更喜欢导入/首选默认导出规则。我知道我可以禁用它，但我应该禁用它吗？

我想你说的是

首选默认导出

规则。使用命名导出非常常见，你应该配置linter以匹配你和你的团队首选项（就像airbnb一样）.我个人会忽略这条规则，但这取决于你

---

此外，您可以在

src/modules

中创建本地

.eslintrc

文件，在该文件中您可以忽略该规则，并且它也将在与此文件相关的子目录中被忽略。

eslint错误说明了什么？您可以阅读名为export而不是default export的优点

// component.js
import React from 'react';

const Component1 = () => (
   <div>Hello</div>
);

export default Component1;

//Component1/index.js

export { default as Component1 } from './component';
// This is where I get eslint error

//modules/index.js

export * from './Component1';
// This is where I get eslint error

//App.js
import React, { Component } from 'react';
import ReactDOM from 'react-dom';
import { Component1 } from './modules';

class App extends Component {
  render() {
    return (
      <Component1 />
    );
  }
}

ReactDOM.render(<App />, document.getElementById('app');