分解スプレッドインポートES6

Question

import {Component, ...actions} from '../MyModule'; 

糸くずれエラーが発生しているようです。 ES6のインポートステートメントに「拡散」できない理由はありますか？

Answer 1

ES6のインポート構文は非構造化ではありません。構文は{で始まりますが、形式はまったく異なり、実装での処理方法はまったく異なります。たとえば、インポートの名前を

import {Component as MyComponent} from './MyModule'; 

と変更することができます。これは明らかにオブジェクトリテラルではありません。

あなたがプロパティとして輸入を参照するために使用できるオブジェクトが必要な場合は、MyModule.<exportName>を使用し、その後

import * as MyModule from '../MyModule'; 

を行うことができます。目的が、具体的には、すべてのエクスポート値を含むオブジェクトを取得する場合は、Componentを除いて、後でいつでも破棄することができます。

const {Component, ...actions} = MyModule;