Destructure Spread off Importuj ES6

Question

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

Wydaje się, że rzucasz błąd lintingu. Czy istnieje powód, dla którego nie można "rozprzestrzeniać się" na wyciągu importowym ES6?

Answer 1

Składnia importu ES6 nie powoduje destrukcji, to takie proste. Składnia rozpoczyna się od {, ale jej format jest zupełnie inny, a sposób, w jaki jest obsługiwany w implementacji, jest zupełnie inny. Na przykład można zmienić nazwę importu przy użyciu domyślnej nazwy obiektu, która wyraźnie nie jest dosłownym obiektem.

Jeśli potrzebujesz obiekt, który można wykorzystać do odniesienia importu jako właściwości, można zrobić

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

następnie użyć MyModule.<exportName>. Jeśli celem jest uzyskanie obiektu zawierającego wszystkie wartości eksportu, z wyłączeniem Component, zawsze można przeprowadzić destrukturyzację po, np.

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