dom_dom0800_006

Reactなどで使われる「Virtual DOM」の特徴として正しいのはどれですか？

  1. ブラウザのDOMを直接操作する
  2. DOM変更を即時に反映する
  3. 差分を計算して最小限の更新を行う
  4. 常にinnerHTMLを利用して更新する
正解
  1. 差分を計算して最小限の更新を行う
解説

Virtual DOMはメモリ上に仮想的なDOMを持ち、差分を計算して必要な部分だけを更新することでパフォーマンスを向上させます。

使用例（サンプルコード）

[ javascript ]

// Reactの例
function App() {
  const [count, setCount] = React.useState(0);
  return (
    <button onClick={() => setCount(count + 1)}>
      Count: {count}
    </button>
  );
}