我应该将键/值对合并到单个useState挂钩中吗？

Question

在大多数情况下哪种是最佳实践？

例如：

const [currentDaypart, setCurrentDaypart] = useState({})
const [nextDaypart, setNextDaypart] = useState({})

或

const [daypart, setDaypart] = useState({
    current: {},
    next: {}
})

????

Answer 1

第一个更好。通常，您应注意处于React状态的深层嵌套对象。为避免意外行为，状态应保持不变。

一旦您深度克隆了状态，React将重新计算并重新呈现依赖于变量的所有内容，即使它们没有改变！您先弄平状态。这样做之后，您会发现漂亮的工具可以帮助处理大型状态，例如useReducer（）。