javascript - 直接更新 useState 对象键？

Question

这个问题已经有答案了:

How to update nested state properties in React (37 个回答)

已关闭 3 年前。

我想将 comment 的键值更新为新值，同时保持其他键不变。我知道我可能需要扩展运算符...但我不确定确切的语法。我需要在 setResource() 中放入什么来完成此操作？

const VideoPage = () => {
  const [state, setResource] = useState(
    {
      video: 'placeholder'
      loading: 'placeholder'
      comment: 'placeholder'
    }
  )
  const funct = () => {
    setResource()
  }
}

Answer 1

如果你想保留该州的其他部分，你应该这样做:

setResource(prevState => ({
    ...prevState,
    comment: "new Value",
}))

因为您的状态的 setter 函数不会像旧的 setState 方法那样合并其他值。这就是为什么你应该做 functional update .