😽

Reactのimport文で中括弧{}が必要な時と不要な時の違い

2023/06/24に公開

Reactのimport文で{}をつける場合とつけない場合の違いを調べました。

中括弧なしの場合

import getAnimal from './Animal';

export defaultで公開している場合は中括弧なしでimportできます。import時は任意の名前に変更ができます。export defaultは1ファイルにつき1つまで。

中括弧ありの場合

import { getAnimal } from './Animal';

exportで公開している場合は中括弧が必要です。{ xxx as yyy }を用いることで名前変更ができます。exportは1ファイルでいくらでも使える。export defaultと併用もできます。

Discussion