NPM 包 描述 @tarojs/taro Taro 运行时框架 @tarojs/taro-h5 Taro H5 运行时框架 @tarojs/taro-rn Taro React Native 运行时框架 @tarojs/taro-weapp Taro 微信小程序运行时框架 @tarojs/taro-swan Taro 百度智能小程序运...

常见陷阱与最佳实践 导入的路径有误 装饰器问题? Array.isArray(observable([1,2,3])) === false object.someNewProp = value 不起作用 在所有渲染 @observable 的组件上使用 @observer 不要拷贝 observables 属性并存储在本地 Render...

直接操控 Observable 直接操控 Observable 现在有一个统一的工具 API 可以操控 observable 映射、对象和数组。这些 API 都是响应式的，这意味着如果使用 set 进行添加，使用 values 或 keys 进行迭代，即便是新属性的声明都可以被 MobX 检测到。 values(thing) 将集合中的...

创建 observable 数据结构和 reactions(反应) Atoms 创建 observable 数据结构和 reactions(反应) Atoms 在某些时候，你可能想要有更多的数据结构或其他可以在响应式计算中使用的东西(如流)。要实现这个其实非常容易，使用 Atoms 的概念即可。Atom 可以用来通知 Mobx 某些 obser...

toJS toJS toJS(value, supportCycles = true) 递归地将一个(observable)对象转换为 javascript 结构 。支持 observable 数组、对象、映射和原始类型。计算值和其他不可枚举的属性不会成为结果的一部分。默认情况下可以正确支持检测到的循环，但也可以禁用它来获得性能上的提升。 对于...

Migration guide Prerequisite: Upgrade to mobx-react 6.x What about mobx-react 5.x? Hooks to the rescue Why the hook is not exported from the package? What about mapper function?...

useObserver hook useObserver hook useObserver < T >( fn : () => T , baseComponentName = "observed" , options ?: IUseObserverOptions ): T interface IUseObserv...

编写异步 Actions (动作) Promises runInAction 工具函数 async / await babel-plugin-mobx-deep-action Generators & asyncAction 编写异步 Actions (动作) action 包装/装饰器只会对当前运行的函数作出反应，而不会对当前运行函数...

概念与原则 概念 1. State(状态) 2. Derivations(衍生) 3. Actions(动作) 原则 实例 概念与原则 概念 MobX 区分了以下几个应用中的概念。 在之前的要点中已经见过了，现在让我们更深入地了解它们。 1. State(状态) 状态 是驱动应用的数据。通常有像待办事项列表这样的领域特定状态 ...

toJS toJS toJS(value, options?) 递归地将一个(observable)对象转换为 javascript 结构 。支持 observable 数组、对象、映射和原始类型。计算值和其他不可枚举的属性不会成为结果的一部分。默认情况下可以正确支持检测到的循环，但也可以禁用它来获得性能上的提升。 toJS 接收两个选项 ...