Ugly destructuring when using conditional assignment

Question

ESLint forcing to use object destructuring when working with object properties and in some cases it leads to redundant lines of code.

According to ESLint, yo can't do something like (which feels like the right way to do so):

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

Instead, it forces you to do it like so:

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

Am i missing something or is there any other way to do it?

Answer 1

Use a default value while destructuring:

 const props = { value: 10 }; const { value, color = '#515cdc' } = props; console.log(value, color); 

Note: you can also turn off the annoying rule.