Javascript 在使用index.js进行导出时，如何绕过airbnb eslint导入/首选默认导出规则

对于这种情况,，

/ACollectionOfTinyComponent/index.js

import Container from './Container';
export {
  Container,
};

因此index.js成为一个包含其他小部分的目录，而无需一直写出每个组件的名称。 因此，在这种情况下，我们可以在另一个组件中导入一个组件，如下所示：

import {Container} from './ACollectionOfTinyComponent'

//then use Container in the code here

这种做法不好吗？因为如果我启用了airbnb linter，那么我会得到错误的linting

首选默认导出导入/首选默认导出

---

它要求我添加

默认值

，但这将导致编译错误

我发现，因为我只为

index.js

添加了一个导入和导出。但是如果我加了不止一个就好了！ 例如，如果我

import Container from './Container';
import Ezeewei from './Ezeewei';
export {
  Container,
  Ezeewei,
};

请注意，我又添加了一个导入的

ezeewi

然后，皮棉规则将通过

它要求我添加默认值，但这将导致编译错误

导出默认值时，您一定使用了错误的语法

export { name1 as default, … };

导入{Container}

。。。这种做法不好吗

对。如果组件（如类）中只有一个入口点，则应将其作为默认值导出，而不是命名导出。该语言的设计者提供了默认的导入和导出语法，以将其提升为主要用例