如何修复Eslint错误＆＃34; prefer-destructuring＆＃34;？

Question

我想在ES6中缩短对象文字，如下所示：

const loc = this.props.local;

原因是loc.foo();比this.props.local.foo();

更容易输入

但现在ESLint抱怨道：

  

使用对象解构：prefer-destructuring

我已阅读error description on eslint.org但我不理解。他们有一个看起来与我的代码非常相似的例子，但他们似乎没问题？

var foo = object.bar;

如何修复错误而不将其设置为.eslintrc文件中的忽略？

Answer 1

更改您的代码：

const local = this.props.local;

到：

const { local } = this.props;

它们是等效的，你可以用同样的方式调用local.foo()。除了第二次使用对象解构。

Answer 2

它是ES 6中的一个新构造，允许您在赋值中匹配对象的属性。您需要的语法是：

const { local: loc } = this.props

转换为：＆＃34;声明一个常量loc并从this.props＆＃34;中为它指定属性local的值。

Answer 3

它告诉你使用

HandlerBase