Cấu trúc phân tán Lây lan Nhập khẩu ES6

Question

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

Dường như đang ném một lỗi linting. Có lý do tại sao bạn không thể "lan truyền" trên một tuyên bố nhập khẩu ES6?

Answer 1

Cú pháp nhập ES6 không bị hủy hoại, đơn giản như vậy. Cú pháp bắt đầu bằng {, nhưng định dạng của nó hoàn toàn khác và cách thức xử lý được thực hiện khá khác nhau. Ví dụ: bạn có thể đổi tên nhập bằng

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

rõ ràng không phải là đối tượng theo nghĩa đen.

Nếu bạn cần một đối tượng mà bạn có thể sử dụng để tham khảo hàng nhập khẩu như tài sản, bạn có thể làm

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

sau đó sử dụng MyModule.<exportName>. Nếu mục tiêu của bạn là đặc biệt để có được một đối tượng chứa tất cả các giá trị xuất, ngoại trừ Component thì bạn luôn có thể thực hiện hủy sau, ví dụ:

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