Jak naprawić błąd "prefer-destructuring" Eslint?

Question

Chciałem skrócić obiekt dosłowne w ES6 takiego:

const loc = this.props.local; 

Powodem jest loc.foo(); jest dużo łatwiej wpisać niż this.props.local.foo();

Ale teraz ESLint narzeka:

Używaj obiektu destrukturyzacja: preferowanie destrukcji

Przeczytałem error description on eslint.org, ale nie rozumiem tego. Mają przykład, który wygląda bardzo podobnie do mojego kodu, ale ich wydaje się być w porządku?

var foo = object.bar; 

Jak mogę naprawić błąd, nie ignorując go w pliku .eslintrc?

Answer 1

zmienić kod:

const local = this.props.local; 

do:

const { local } = this.props; 

są równoważne i można zadzwonić local.foo() w ten sam sposób. z wyjątkiem tego drugiego obiektu destrukturyzacji obiektu.

Answer 2

Jest to nowa konstrukcja w ES 6, która pozwala dopasować właściwość obiektu do zadania. Składnia, której potrzebujesz, to: const { local: loc } = this.props

co tłumaczy się na: "zadeklaruj stałą lokalizację i przypisz jej wartość właściwości local z this.props".

Answer 3

To mówienie do korzystania

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