Comment corriger l'erreur Eslint "prefer-destructuring"?

Question

J'ai voulu raccourcir un objet littéral dans l'ES6 comme ceci:

const loc = this.props.local;

La raison est - loc.foo(); est beaucoup plus facile à taper que this.props.local.foo();

Mais maintenant ESLint se plaint:

L'utilisation de l'objet de déstructuration: préférez-déstructuration

J'ai lu la description de l'erreur sur eslint.org mais je ne le comprends pas. Ils ont un exemple qui ressemble très fort à mon code, mais leur semblent être ok?

var foo = object.bar;

Comment puis-je corriger l'erreur sans réglage de l'ignorer dans l' .eslintrc le fichier?

Answer 1

changer votre code de:

 const local = this.props.local;
 

à:

 const { local } = this.props;
 

Ils sont équivalents et vous pouvez appeler local.foo() de la même manière. sauf que le deuxième objet utilise la déstructuration.

Answer 2

C'est une nouvelle construction dans ES 6 qui vous permet de faire correspondre la propriété d'un objet en affectation. La syntaxe dont vous avez besoin est la suivante:

 const { local: loc } = this.props
 

qui se traduit par: "déclarer une constante loc et lui attribuer la valeur de la propriété locale from this.props".

Answer 3

Il vous dit d'utiliser

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