Comme nous l’avons vu dans l’exercice précédent, l’état réagit aux ré-assignations. Mais il réagit également aux mutations — nous appeleons cela la réactivité profonde.

Faites de numbers un tableau réactif :

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

Désormais, lorsque nous modifions le tableau...

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

... le composant se met à jour. Ou mieux encore, nous pouvons push dans le tableau :

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

La réactivité profonde est implémenté grâce aux proxies, et les mutations sur le proxy n’affectent pas l’objet original.