結論
基本的に React のコンポーネントでは、名前付きエクスポートを利用すると良い。
理由
- 名前付きエクスポートは、インポートするのに正確な名前を使うことを強制するため。
- デフォルトエクスポートは、独自の名前を作成する必要があり、誤用される恐れがあるため。
名前付きエクスポート
export const SomeComponent = () => {};
import { SomeComponent } from './SomeComponent';
デフォルトエクスポート
const SomeComponent = () => {};
export default SomeComponent;
import Some from './SomeComponent';
参考