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）不太冗長