Mobx 可观察数组未更新

IT技术 javascript reactjs mobx mobx-react
2021-05-21 00:08:21

我正在使用 mobx 在 reactjs 中以下列方式声明一个可观察数组

@observable cacheditems

constructor() {
    this.cacheditems  =   []

现在我在离线时从 pouch-db 中检索数据，如下所示：

var items = []
db.allDocs({include_docs: true}, function(err, docs) {
                docs.rows.map((obj, id) => {
                    items.push(obj.doc)
                })
            })


 this.cacheditems = items

但是没有设置数据。当我尝试获取用于呈现空数组的数据时。

1个回答

当你这样做时，this.cacheditems = items你正在覆盖对可观察数组的引用。您可以使用替换：

class Store {
  @observable cacheditems = []

  constructor() {
    db.allDocs({include_docs: true}, (err, docs) => {
      var items = []
      docs.rows.map((obj, id) => {
        items.push(obj.doc)
      })
      this.cacheditems.replace(items)
    })
  }
}
其它你可能感兴趣的问题
上一篇有没有办法禁止在日期输入中输入/粘贴，而只允许用户从 AntD 的日期选择器中进行选择？ 下一篇如何使用reactJs根据背景颜色更改字体颜色