直接操控 Observable

现在有一个统一的工具 API 可以操控 observable 映射、对象和数组。这些 API 都是响应式的,这意味着如果使用 set 进行添加,使用 valueskeys 进行迭代,即便是新属性的声明都可以被 MobX 检测到。

  • values(thing) 将集合中的所有值作为数组返回
  • keys(thing) 将集合中的所有键作为数组返回
  • entries(thing) 返回集合中的所有项的键值对数组

使用 MobX 5 时, 实际上并不需要以下方法,但它们可以用来在 MobX 4 中来实现类似于 MobX 5 的行为:

  • set(thing, key, value)set(thing, { key: value }) 使用提供的键值对来更新给定的集合
  • remove(thing, key) 从集合中移除指定的项。用于数组拼接
  • has(thing, key) 如果集合中存在指定的 observable 属性就返回 true
  • get(thing, key) 返回指定键下的子项
import { get, set, observable, values } from "mobx"

const twitterUrls = observable.object({
    "John": "twitter.com/johnny"
})

autorun(() => {
    console.log(get(twitterUrls, "Sara")) // get 可以追踪尚未存在的属性
})

autorun(() => {
    console.log("All urls: " + values(twitterUrls).join(", "))
})

set(twitterUrls, { "Sara" : "twitter.com/horsejs"})

results matching ""

    No results matching ""