Как исправить ошибку Eslint "prefer-destructuring"?

Question

Как исправить ошибку Eslint "prefer-destructuring"?

Я хотел сократить объектный литерал в ES6 следующим образом:

const loc = this.props.local;

Причина в том, что loc.foo(); намного проще печатать, чем this.props.local.foo();

Но теперь Эслинт жалуется:

Использовать объект деструктурируется: предпочитаю-деконструкция

Я прочитал описание ошибки на eslint.org но я этого не понимаю. У них есть пример, который очень похож на мой код, но их, кажется, все в порядке?

var foo = object.bar;

Как я могу исправить ошибку, не задав ее игнорирование в файле .eslintrc?

689 3

javascript ecmascript-6 eslint

3 ответов:

Comments

Ничего не найдено.

Badis Merabet · Accepted Answer · 2018-03-06 20:53:21

Измените код с:
const local = this.props.local;
Кому:
const { local } = this.props;
Они эквивалентны, и вы можете вызвать local.foo() таким же образом. разве что второй использует деструкцию объекта.

ilmirons · Accepted Answer · 2018-07-17 21:19:43

Это новая конструкция в ES 6, которая позволяет вам сопоставлять свойства объекта в присваивании. Синтаксис, который вам нужен:
const { local: loc } = this.props
, что переводится как: "объявите константу loc и присвоите ей значение свойства local из этого.реквизит".

Bergi · Accepted Answer · 2017-11-20 17:24:39

Он говорит вам использовать
const {props: {local: loc}} = this;