JavaScript インポート構文で中括弧を使用するのはなぜですか?

JavaScript インポート構文でのブラケットの使用

JavaScript インポート構文では、ライブラリとモジュールをインポートできます。最近見つけたライブラリでは次の構文が使用されています:

import React, { Component, PropTypes } from 'react';

この構文は、中括弧なしで React をインポートする従来の手法とは異なります:

import React, Component, PropTypes from 'react';

構文の理解中括弧付き

中括弧付きの構文は、「react」からのデフォルトのエクスポートが React という名前でインポートされる必要があることを示します。さらに、名前付きエクスポート Component と PropType は同じ名前でインポートする必要があります。これは、2 つの一般的な構文の組み合わせです。

import React from 'react';
import { Component, PropTypes } from 'react';

中括弧構文の目的

一般に、ほとんどのモジュールは、単一のデフォルトのエクスポートまたはリストのいずれかを提供します。名前付きエクスポートの。モジュールが両方を提供することはまれです。ただし、モジュールにデフォルトとしてエクスポートされた共通機能と追加のサブ機能がある場合は、中括弧構文を使用できます。この構文では、理想的な機能をデフォルトとしてインポートし、その他の機能をエクスポートという名前にすることができます。

代替説明

さらに明確にするために、中かっこ構文は同等です。 to:

import { default as React, Component, PropTypes } from 'react';

これは、「react」からのデフォルトのエクスポートが React としてインポートされ、名前付きエクスポート Component と PropTypes もそれ自体としてインポートされていることを示します。

一方中括弧のない構文は、「react」のデフォルトのエクスポートを React としてインポートしながら、名前付きエクスポートの Component と PropTypes もインポートすることと同等です。

以上がJavaScript インポート構文で中括弧を使用するのはなぜですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。