ES6 匯入：大括號 – 何時使用、何時不使用？

單一模組導入中的ES6 花括號：何時使用它們

在ES6 中導入單一模組時，了解其中的差異非常重要預設導入和命名導入之間，這決定了curly的使用

預設導入（沒有大括號）

當匯出的模組具有單一預設匯出值時，請使用預設導入。該值是直接導入的，不含大括號，如給定的範例所示：

import initialState from './todoInitialState';

在這種情況下，initialState.js 模組有一個名為initialState 的預設匯出。然後使用import initialState from ....

命名導入（帶大括號）直接導入此預設導出

當導出的模組包含命名時，使用命名導入導出，這是具有命名標識符的特定導出。若要匯入命名匯出，請使用大括號，如下所示：

import { A } from './A';

這裡，A 模組包含一個名為 A 的命名匯出，它是使用大括號匯入的。

何時使用大括號

導入命名導出時使用大括號，其中特定的命名標識符是從模組導出。在給定的範例中，使用大括號導入initialState 會導致錯誤，因為initialState 是預設導出，而不是命名導出。

何時不使用大括號

匯入預設匯出時不使用花括號。預設導出沒有特定的標識符，可以直接導入而無需大括號，如示例 import initialState from ....

綜上所述，ES6 模組導入中的大括號表示正在導入命名導出。預設導出不使用大括號，而是透過預設導出名稱直接匯入。

以上是ES6 匯入：大括號 – 何時使用、何時不使用？的詳細內容。更多資訊請關注PHP中文網其他相關文章！