object - Mobx Observable 对象对更新使用react

Question

我有一个 mobx 可观察对象:

@observable friend = {name: 'bert'}

我有一个 mobx 操作来更新对象:

@action addAge = () => this.friend.age = 20

但是我的friend对象没有更新。

我查看了 mobx 文档，似乎 map 可能是正确的使用方法，因为它考虑了放入对象中的新项目。然而，这似乎更适合数组。 extendObservable 似乎更适合类。

添加到 mobx 可观察对象的良好做法是什么？

Answer 1

Map 是更改对象上的键的正确方法，因为映射会创建一个键控数组。

Map 的工作方式类似于 ES6 映射，因为它可以接受可迭代对象。

@observablefriend = new Map([[ 'name', 'jack']])

现在可以随时使用 set 修改好友。

@action addAge = () => { this.friend.set('年龄', 24); }

任何使用friend observable的东西都会对现有键值的变化以及新键的添加或删除使用react。