前の演習で見たように、状態は*再代入*に反応します。しかし、*変更*にも反応します—これを*深いリアクティビティ*と呼びます。

numbersをリアクティブな配列にします

let numbers = $state([1, 2, 3, 4]);

さて、配列を変更すると…

function addNumber() {
	numbers[numbers.length] = numbers.length + 1;
}

…コンポーネントが更新されます。あるいは、さらに良いことに、配列にpushすることもできます。

function addNumber() {
	numbers.push(numbers.length + 1);
}

深いリアクティビティはプロキシを使用して実装されており、プロキシへの変更は元のオブジェクトには影響しません。