が反応JS

Question

import Something from 'react'; 

と意味これらの中括弧を何

import {Something} from 'react'; 

の違いは何ですか？

Answer 1

import Something from 'react';

輸入は、モジュールのエクスポートdefaultものです。あなたのモジュールがdefault、あなたが単一でそれらをインポートすることができますという名前の輸出の両方を持っている場合は、エクスポートが

export default const Something = function(){...}

import {Something} from 'react';ようにする必要があります。この場合 は

export const Something = function(){}

のように、名前の輸出をインポート好き。例

//module A 
export default const Something = function(){} 
export const SomethingElse = function(){} 

そして、あなたはいけないように、前に

//module B 

import Something, { SomethingElse } from 'moduleA'; 

ようにそれらをインポートするにはSomethingとしてdefaultをインポートする必要があり、あなたが好きな名前でそれをインポートすることができます。

import A from 'moduleA'

ます。また、同じ行の名前の輸出を引くことができ

import Something from 'moduleA'