javascript - disable - eslintrc example

¿Cómo corregir el error Eslint "preferir-desestructurar"?

Question

Quería acortar un objeto literal en ES6 como este:

const loc = this.props.local;

La razón es loc.foo(); es mucho más fácil de escribir que this.props.local.foo();

Pero ahora ESLint se queja:

Usar desestructuración de objetos: preferir-desestructurar

He leído la descripción del error en eslint.org pero no lo entiendo. ¿Tienen un ejemplo que se parece mucho a mi código pero parece que el suyo está bien?

var foo = object.bar;

¿Cómo puedo corregir el error sin configurarlo para que se ignore en el archivo .eslintrc ?

Answer 1

Es una nueva construcción en ES 6 que le permite hacer coincidir la propiedad de un objeto en asignación. La sintaxis que necesitas es:

const { local: loc } = this.props

que se traduce en: "declarar una ubicación constante y asignarle el valor de la propiedad local de this.props".

Answer 2

Te está diciendo que uses

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

Answer 3

cambia tu código de:

const local = this.props.local;

a:

const { local } = this.props;

Son equivalentes y puedes llamar a local.foo() de la misma manera. Excepto que el segundo uso es desestructurador de objetos.