如何使MobX中的类对象可观察？

Question

我的课程为：

class Field{

  constructor(name) {
    this.name= name
    this.otherAttr = null
  }

  changeName(newName) {
    this.name = newName
  }
}


const f = new Field("Charanjit")
f.setName("Singh") // It shoukd reflect in observer 

f.name = "Rahul" // It should also reflect in observer

如何使f对象成为可观察对象，使得f属性的任何更改都会更新观察者组件。

当前，我收到错误消息：https://github.com/mobxjs/mobx/issues/1932（如果使用）：

@observable(f)
>>> It shows Error: https://github.com/mobxjs/mobx/issues/1932

Answer 1

看看MobX文档，做这样的事情可能是一个好方法：

test

使用decorate实用程序将属性标记为可观察的对象将完成您想要的工作。 请浏览文档：https://mobx.js.org/best/decorators.html