React は、状態が不変であるという前提に基づいて構築されています。新しい配列を作成するのではなく、既存の配列を変更しているため、状態を設定した後、React は前後の状態を比較し、それらが同じ配列であることを検出し、したがって何も変わっていないと判断します。したがって、再レンダリングされません。

代わりに、配列のコピーを作成して変更します。