React：导入/导出的最佳方式

Question

我在React创建了一个项目，我不确定导入/导出的方法是否正确。

我在我的Components文件夹中使用index.js文件导出我的组件，如下所示：

export {default as Card} from './Card/Card'
export {default as CardList} from './CardList/CardList'

每个组件都是一个const，我将其导出为： export default Card和export default CardList

我两次使用export default

1. 在index.js
中
2. 在每个组件文件中

这是使用索引文件导出组件的最佳做法吗？

谢谢！

Answer 1

您可以继续导出组件作为默认值，并且在index.js中可以将它们导出为：

export Card from './Card/Card';
export CardList from './CardList/CardList';

然后在使用这些时，你可以这样做：

import {Card, CardList} from 'components';

您的联系人（index.js）感觉不那么详细