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

时间:2019-12-27 12:04:16

标签: reactjs mobx mobx-react mobx-state-tree

我的课程为:

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

1 个答案:

答案 0 :(得分:1)

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

test

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