javascript - 如何只更改包含对象的 React useState 中的一个值并将不同的值分配给其余值？

Question

我有以下状态:

const [clickColumn, setClickColumn] = useState({
    name: 0,
    tasks: 0,
    partner: 0,
    riskFactor: 0,
    legalForm: 0,
    foundationYear: 0
  })

现在，例如，我只想将 name 设置为 2，其余设置为 1。但我不想这样写:setClickColumn({ name: 2, tasks: 1, riskFactor: 1, partner: 1, legalForm: 1, foundationYear: 1 });

如何缩短它？

Answer 1

您可以使用扩展运算符使其变得简单:

setClickColumn({ ...clickColumn, name: 2 });

它传播现有对象 clickColumn 并向其添加名称:2，覆盖默认值。 https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Operators/Spread_syntax