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

React は内部でレンダリングの処理を最適化しているので、レンダリング回数は 1 回です。
2023年9月19日
ユーザー

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

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);
};

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

プレミアムプランとは?

このレッスンの質問と回答(1)