如何在对象中设置条件值？setState动态键条件值注入编译失败

你可以通过扩展运算符配合三元表达式来简化原有的if-else逻辑，以下是正确的写法：

setErr({
  ...inicialErrState,
  ...(value === 'foo' ? { fixedValue: [true, ''] } : { [value]: true })
});

为什么你的两种尝试会失败？ #

• 第一种写法：直接在对象内部写(errArr: value === 'fixedValue' ? [true, ''] : true)完全不符合对象字面量的语法规则。对象属性必须是键: 值的结构，这种表达式无法被JS解析为合法的属性定义，自然编译失败。

• 第二种写法：你通过三元表达式返回了正确的对象，但没有用扩展运算符...将这个对象的属性合并到外层对象中。直接把一个对象放在另一个对象的属性位置属于语法错误，JS会将其视为未定义的标识符，导致报错。

另一种可选写法 #

如果你的条件逻辑比较简单，也可以直接给动态键和值分别设置条件判断（不过这种写法会重复判断条件，逻辑复杂时不推荐）：

setErr({
  ...inicialErrState,
  [value === 'foo' ? 'fixedValue' : value]: value === 'foo' ? [true, ''] : true
});

注意：原代码中你的判断条件是value === 'foo'，但后续尝试里写成了value === 'fixedValue'，记得保持逻辑一致，避免出现判断偏差。

内容的提问来源于stack exchange，提问作者Richardson