我应该将键/值对合并到一个 useState 钩子中吗?

Question

在大多数情况下，哪一个是最佳实践？

例如：

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

或

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

????

Answer 1

第一个更好。通常，您应该注意处于 React 状态的深度嵌套对象。为了避免意外行为，状态应不可变地更新。

一旦你深度克隆了状态，React 将重新计算并重新渲染依赖于变量的所有内容，即使它们没有改变！您首先将状态扁平化。一旦你这样做了，你就会发现一些漂亮的工具，这些工具可以帮助处理大状态，比如useReducer((。