prevState

prevState

	import { useState } from "react";

export default function StatePrevPage() {
  const [count, setCount] = useState(0);

  const onClickCount = () => {
    setCount(count + 1);
    setCount(count + 1);
    setCount(count + 1);
    setCount(count + 1);
  };

  return (
    <>
      <div>현재카운트: {count}</div>
      <button onClick={onClickCount}>카운트 올리기!!!</button>
    </>
  );
}

上のコードには、カウントを実行する関数が含まれています.
count+1は4回やったが、1回増える.
上をcount+4にする手順

	import { useState } from "react";

export default function StatePrevPage() {
  const [count, setCount] = useState(0);

  const onClickCount = () => {
    setCount((prev) => prev + 1);
    setCount((prev) => prev + 1);
    setCount((prev) => prev + 1);
    setCount((prev) => prev + 1);
  };

  return (
    <>
      <div>현재카운트: {count}</div>
      <button onClick={onClickCount}>카운트 올리기!!!</button>
    </>
  );
}

prev関数を使用して作成する場合は、+4を使用できます.