web-dev-qa-db-ja.com

Eslintエラー「prefer-destructuring」を修正するには？

ES6では、次のようにオブジェクトリテラルを短くしたかったのです。

const loc = this.props.local;

その理由は、loc.foo();はthis.props.local.foo();よりも入力がはるかに簡単だからです。

しかし今、ESLintは不満を述べています。

オブジェクトの破壊を使用する：prefer-destructuring

eslint.orgのエラーの説明 を読みましたが、わかりません。彼らは私のコードに非常に似ている例がありますが、彼らは大丈夫のようですか？

var foo = object.bar;

.eslintrcファイルで無視するように設定せずにエラーを修正するにはどうすればよいですか？

javascriptecmascript-6eslint
36
Timo

コードを次から変更します。

const local = this.props.local;

に：

const { local } = this.props;

これらは同等であり、local.foo()を同じ方法で呼び出すことができます。ただし、2番目はオブジェクトの構造化を使用します。

69
Badis Merabet

ES 6の新しいコンストラクトで、割り当てのオブジェクトのプロパティを一致させることができます。必要な構文は次のとおりです。

const { local: loc } = this.props

「定数locを宣言し、this.propsからプロパティlocalの値を割り当てます」に変換されます。

3
ilmirons

使用するように言っています

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