たとえば、ES6でReactを使用しているとします。ReactとComponentを
import React from 'react'
import { Component } from 'react'
なぜ構文に違いがあるのですか？下記のように使用できませんか？
import Component from 'react'
のドキュメントは次のとおりですimport。
import React from 'react'
上記はデフォルトのインポートです。デフォルトのインポートはでエクスポートされexport default ...ます。デフォルトのエクスポートは1つだけです。
import { Component } from 'react'
ただし、これはメンバーインポート（名前付きインポート）です。メンバーのインポートはでエクスポートされexport ...ます。メンバーのエクスポートは多数あります。
次の構文を使用して両方をインポートできます。
import React, { Component } from 'react';
JavaScriptでは、デフォルトのインポートと名前付きインポートが分割されているため、デフォルトのように名前付きインポートをインポートすることはできません。次の例では、名前Componentを'react'パッケージのデフォルトのエクスポートに設定します（これはとは異なります）React.Component。
import Component from 'react';
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
コメントを追加