observablesとcomputedを含むmobxクラスのディープコピーを作成するにはどうすればよいですか？

Question

私は、mobxの観測可能なプロパティと計算されたプロパティを持つオブジェクトのディープコピーを作成します。

目的はコミットまたは破棄できるローカル編集用のコピーアイテムを作成することです。

私は、この動作の例を見つけたが、それはmobx状態ツリーからです：

どのように私はmobxで同じ動作を実現することができますか？

Answer 1

mobx-utilsパッケージのcreateViewModelを使用できます。

例

class Todo { 
    @observable firstName = "Foo"; 
    @observable lastName = "Bar"; 
    @computed get fullName() { 
    return `${this.firstName} ${this.lastName}`; 
    } 
} 

const todo = new Todo(); 
const todoCopy = createViewModel(todo); 

todoCopy.firstName = "Baz"; 

// ... 

// Submit the changes to the original todo 
todoCopy.submit();