JS

イミュータブル

上級

読み方:イミュータブル|英語:Immutable

一度作成したら変更できないデータの性質。Reactのstateは直接変更せず新しい値で置き換える。

やさしい説明

イミュータブルは「変更できない」という意味です。

Reactでは、stateを直接書き換えず、新しい値で置き換えることで変更を検知し画面を更新します。

具体例・使い方

NG: state.items.push(newItem) → 元の配列を変更

OK: setItems([...items, newItem]) → 新しい配列を作成

よくある疑問

Q: なぜイミュータブルが重要?

A: 変更を検知しやすくなり、バグが減ります。Reactは参照の比較で再描画を判断するためです。

関連用語

関連ブログ記事

⚠️ 関連するエラー

❓ 関連するQ&A