javascript - 在 React hooks 中我们还需要功能性的 setState 方式吗？

Question

  const [count, setCount] = useState(0);

  const handleClick = () =>
    setCount(prevCount => {
      return prevCount + 1;
    });

  const [count, setCount] = useState(0);

  const handleClick = () => setCount(count + 1);

来自基于类的组件背景，使用函数式setState已经成为一种习惯。我想知道我们是否还需要在功能钩子(Hook)中依赖 prevState ？或者当前状态始终是“可信的”并且是最“更新的”？

Answer 1

是的，行为类似。

React 正在批量更新调用。写作时:

const handleClick = () => setCount(count + 1)
handleClick()
handleClick()
handleClick()

状态中的计数将为1

写作时:

const handleClick = () =>
  setCount(prevCount => {
    return prevCount + 1;
});
handleClick()
handleClick()
handleClick()

状态中的计数将为3