Cách khắc phục lỗi Eslint "thích phá hoại"?

Question

tôi muốn rút ngắn một đối tượng chữ trong ES6 như thế này:

const loc = this.props.local; 

Lý do là loc.foo(); là dễ dàng hơn nhiều để gõ hơn this.props.local.foo();

Nhưng bây giờ ESLint phàn nàn:

Sử dụng đối tượng destructuring: prefer-destructuring

Tôi đã đọc error description on eslint.org nhưng tôi không hiểu. Họ có một ví dụ trông rất giống với mã của tôi nhưng họ dường như là ok?

var foo = object.bar; 

Làm cách nào để khắc phục lỗi mà không đặt nó bỏ qua trong tệp .eslintrc?

Answer 1

thay đổi mã của bạn từ:

const local = this.props.local; 

tới:

const { local } = this.props; 

Họ là tương đương và bạn có thể gọi local.foo() trong cùng một cách. ngoại trừ việc sử dụng đối tượng thứ hai destructuring.

Answer 2

Đây là cấu trúc mới trong ES 6 cho phép bạn khớp thuộc tính của một đối tượng được chỉ định. Cú pháp bạn cần là: const { local: loc } = this.props

có nghĩa là: "khai báo một hằng số và gán giá trị của thuộc tính cục bộ từ this.props".

Answer 3

Nó nói cho bạn để sử dụng

const {props: {local: loc}} = this;