2023年9月20日解決済み

increment 関数では 3 回再レンダリングされているのですか?

ユーザー

お世話になっております。

increment 関数の挙動について教えていただきたいのですが、動画の中で count を 3 ずつ増やすために下記のようにコードを書いていましたが、この処理では setCount() を 3 回呼び出しているので、目には見えないですが、3 回再レンダリングされているということでしょうか?

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

また、こちらの書き方でも再レンダリングは 3 回行われているのでしょうか?

const increment = () => {
  setCount(count + 1);
  setCount(count + 1);
  setCount(count + 1);
};
スタッフ

この回答を見るにはプレミアムプランへの登録が必要です

プレミアムプランとは?