使用条件分配时的丑陋破坏

Question

ESLint强制在处理对象属性时使用对象分解，在某些情况下，这会导致多余的代码行。

根据ESLint，您不能做类似的事情（这似乎是正确的方法）：

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

相反，它迫使您这样做：

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

我错过了什么吗？还是有其他方法可以做到？

Answer 1

解构时使用default value：

const props = { value: 10 };

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

console.log(value, color);

注意：您还可以关闭烦人的规则。