Гадкая деструктуризация при использовании условного присваивания

Question

ESLint заставляет использовать деструктуризацию объекта при работе со свойствами объекта и в некоторых случаях приводит к избыточным строкам кода.

Согласно ESLint, вы не можете сделать что-то вроде (что кажется правильным способом):

const { value } = props;
const color = props.color || '#515cdc';

Вместо этого он заставляет вас делать это так:

const { value } = props;
let { color } = props;
color = color || '#515cdc';   

Я что-то упустил или есть другой способ сделать это?

Answer 1

Использовать значение по умолчанию при деструктурировании:

const props = { value: 10 };

const { value, color = '#515cdc' } = props;

console.log(value, color);

Примечание: Вы также можете отключить раздражающее правило.