インポートの違いReactとimport {Component}構文

Question

React with ES6を使用しています。 ReactとComponentをインポートします

import React from 'react' 
import { Component } from 'react' 

なぜ構文が異なるのですか？下記のように使用することはできませんか？ここで

import Component from 'react' 

Answer 1

importためdocsです。

import React from 'react' 

上記はデフォルトのインポートです。デフォルトのインポートはexport default ...でエクスポートされます。単一のデフォルトエクスポートのみが可能です。

これはメンバーのインポート（名前付きインポート）です。メンバーの輸入品はexport ...で輸出されます。多くのメンバーの輸出が可能です。

あなたはこの構文を使用して、両方をインポートすることができます：デフォルトのJavaScriptで

import React, { Component } from 'react'; 

をし、名前の輸入が分割されているので、それがデフォルトだったようにあなたが名前のインポートをインポートすることはできません。

import Component from 'react'; 

Answer 2

コンポーネントが名前の輸出である例えばので、それは{}で非構造する必要があります。以下、React.Componentと同じであることを行っていない'react'パッケージ（のデフォルトのエクスポートに名前Componentを設定します。

からリアクトのためのデフォルトのエクスポートで反応させ、「反応」が正しいです。例えば、輸出のデフォルト任意のファイルにあなたは「輸出のデフォルトが反応」のようなステートメントを使用して、デフォルトで何かをエクスポートしている場合、それはすることができ、

Answer 3

に反応輸入された反応のように輸入された。

デフォルト以外のエクスポートについては、 "import {Components}"のようにカッコで囲んで実際にインポートするものを指定する必要があります。