How to fix the Eslint Preferred-Destroy error?

Question

I would like to shorten the object literal in ES6 as follows:

const loc = this.props.local;

The reason is loc.foo();much easier to enter thanthis.props.local.foo();

But now ESLint complains:

Use object destructuring: prefer-destructuring

I read the error description on eslint.org , but I do not understand this. They have an example that is very similar to my code, but it seems like they look normal?

var foo = object.bar;

How to fix an error without forcing it to be ignored in the file .eslintrc?

Answer 1

change your code to:

const local = this.props.local;

to:

const { local } = this.props;

, local.foo() . , .

Answer 2

ES 6, . , : const { local: loc } = this.props

: " loc local this.props".

Answer 3

He tells you to use

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