JavaScript インポート構文で括弧を使用する場合は?

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

JavaScript では、モジュールとライブラリをインポートするさまざまな方法があります。一般的な方法の 1 つは、インポート構文で括弧を使用することです。構文:

<code class="javascript">import { Component, PropTypes } from 'react';</code>

この構文は、より単純なバージョンとは異なります:

<code class="javascript">import React, Component, PropTypes from 'react';</code>

違いを理解する

括弧付きの構文は、特定の内容のみをインポートします一方、括弧のない構文は、デフォルトのエクスポートと名前付きエクスポートの両方をインポートします。内訳は次のとおりです。

<code class="javascript">import React, { Component, PropTypes } from 'react';</code>

• 同じ名前でデフォルトのエクスポート React をインポートします。
• 同じ名前で名前付きエクスポート Component と PropType をインポートします。

これは 2 つの一般的なものを組み合わせたものです構文:

<code class="javascript">import React from 'react';
import { Component, PropTypes } from 'react';</code>

一般に、モジュールはデフォルトのエクスポートまたは名前付きエクスポートのいずれかを提供します。ただし、両方を持つことも可能です。最も一般的な機能がデフォルトとしてエクスポートされ、追加の機能が名前付きエクスポートとしてエクスポートされる場合は、括弧付きの構文が適切です。

追加メモ

• 「モジュール名」からの構文インポート名;実際にはモジュールからデフォルトのエクスポートをインポートします。
• 構文 import MyModule, {foo, bar} from "my-module.js";デフォルトのエクスポート MyModule と名前付きエクスポート foo および bar をインポートします。名前付きエクスポートには、MyModule からアクセスできません。
• 構文 import * as MyModule from 'my-module';すべてのエクスポートをインポートし、MyModule.name.

でアクセスできるようにします。

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