首选模式是使用mobx-utils中的createViewModel实用程序函数。所以你会这样做:
import { createViewModel } from 'mobx-utils'
reset_PersonalInfoInEdit() {
this.personalInfoInEdit = createViewModel(this.personalInfo);
}
这有一个额外的好处,即在视图模型上具有一些实用功能,使您可以轻松地重置为原始数据或将它们提交给原始模型:
class Todo {
\@observable title = "Test"
}
const model = new Todo()
const viewModel = createViewModel(model);
autorun(() => console.log(viewModel.model.title, ",", viewModel.title))
// prints "Test, Test"
model.title = "Get coffee"
// prints "Get coffee, Get coffee", viewModel just proxies to model
viewModel.title = "Get tea"
// prints "Get coffee, Get tea", viewModel's title is now dirty, and the local value will be printed
viewModel.submit()
// prints "Get tea, Get tea", changes submitted from the viewModel to the model, viewModel is proxying again
viewModel.title = "Get cookie"
// prints "Get tea, Get cookie" // viewModel has diverged again
viewModel.reset()
// prints "Get tea, Get tea", changes of the viewModel have been abandoned