再帰的なストア

この例では、プリミティブだけでなく、他のオブジェクトを含むストアを紹介します。

useStore() はデフォルトで深いリアクティビティを追跡するため、ストア内の配列とオブジェクトもリアクティブになります。

useStore() がすべてのネストされたプロパティを追跡するには、多くの Proxy オブジェクトを割り当てる必要があります。ネストされたプロパティが多い場合は、パフォーマンスの問題になる可能性があります。

その場合は、追加の引数: {deep: false} を useStore に渡して、トップレベルのプロパティのみを追跡できます。

タスク: useStore() 関数の2番目の引数として {deep: false} を追加し、イベントハンドラーを変更してストアのトップレベルのプロパティに新しい値を割り当てます。