javascript - 在 React 中，简单值状态与对象状态之间的区别

Question

像这样 (1) 将组件状态捆绑为单个对象之间有什么区别吗

const [state, setState] = useState({ 
  title: 'Jerome Is Coming!', 
  year: '1998'
})

与使用原始值的单独状态来跟踪每个组件状态相比，像这样 (2)

const [title, setTitle] = useState('Jerome Is Coming!')
const [year, setYear] = useState('1998')

?
编辑:
我知道 suggested usage pattern .为了增加这个问题，我想知道的是，如果我的状态对象很大，那么通过一种方式而不是另一种方式在运行时性能方面有什么不同。
只更新一个成员状态的成本是否与更新整个状态对象的成本相同？如果不相同，差异是否显着？

Answer 1

根据官方 React 文档，当值倾向于一起变化时，我们应该将状态变量(对象)组合在一起。

However, we recommend to split state into multiple state variables based on which values tend to change together.

更多详情: Should I use one or many state variables?
引用:
Tip: Using Multiple State Variables