是否直接更新useState对象密钥？[副本]

Question

我想将comment的键值更新为新值，同时保持其他键值不变。我知道我可能需要扩频器。。。但我不确定确切的语法。要实现这一点，我需要在setResource（）中放入什么？

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

Answer 1

按原样展开对象，然后更新所需的值。

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

Answer 2

如果你想保留该州的其他地方，你应该这样做：

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

因为您的状态的setter函数不会像旧的setState方法那样合并其他值。这就是为什么您应该进行功能更新。