useState挂钩会影响性能吗？

Question

新手在这里。我想知道，如果我在react-native应用程序中使用超过5个useState挂钩，是否会对应用程序性能产生不良影响？

Answer 1

就像在做出反应一样，所有更新都会重新呈现到您的应用中，因此快速问题是肯定的。

例如，如果您有两个要显示/隐藏的组件，则需要考虑一下要做什么

这将重新渲染2次

[showA, setShowA] = useState(false);
[showB, setShowB] = useState(false);

onClick = () => {
  setShowA(true)
  setShowB(true)
}

这将重新渲染1次

[showState, setShowState] = useState({showA: false, showB: false});

onClick = () => {
  setShowState((prevState) => {...prevState, showA:true, showB:true})
}