オブジェクトを配列にプッシュする、コンポーザブル API

Question

プロジェクトがあります。 「サイズ」（大、小）と数量（2/4/6）の 2 つの選択オプションがあります。

各オプションを選択すると、その選択内容がタイトルに表示される必要があります (合計が 4 であると仮定します)。 「ストレージに追加」ボタンをクリックするとストレージに追加され、別ページに一覧が表示されます。

私が試したこと:

ビュー ts：

リーリー ＃＃＃＃＃＃テンプレート：＃＃＃＃＃＃ リーリー

最初のオブジェクトを追加し、その後 2 番目のオブジェクトを追加すると、最初のオブジェクトが上書きされてしまいます。理由は何ですか?

Answer 1

元のオブジェクトへの参照を保持した配列に machineInfo.value をプッシュします。 浅いコピーを作成しました。 machineInfo.value を更新すると、配列内の値も更新されます。プッシュする前にディープコピーを作成する必要があります。

リーリー

ディープ コピーを実行するには 他にも多くの方法 があり、データによっては、より適切な方法が 1 つある場合があります。