Question

mobx@3.1.9使用es6装饰器，@ log（'some_log'），此->上下文为Store，但没有模型。

装饰器工作不正常。

// mobx@3.1.9
const log = type => (target, name, descriptor) => {
  console.log(target);
  const method = descriptor.value;
  descriptor.value = (...args) => {
    console.log(type);
    let ret;
    ret = method.apply(target, args);
  };
};

class Store {
  @observable age = 20;
  model = observable.map({
    name: 'Alex',
  });

  @action
  @log('start_log')
  setData() {
    const res = { name: 'Bob' }
    this.age = 30;
    this.model.merge(res)
  }
}



error log

{constructor: ƒ, setData: ƒ, __mobxLazyInitializers: Array(1)}
age: (...)
$mobx: e {target: {…}, name: "ObservableObject@4", values: {…}, changeListeners: null, interceptors: null}
constructor: ƒ e()
setData: ƒ ()
__mobxDidRunLazyInitializers: true
__mobxLazyInitializers: [ƒ]
get age: ƒ ()
set age: ƒ (t)
__proto__: Object
}

TypeError：无法读取未定义的属性“合并”

目标只有年龄，没有模特。为什么？

Answer 1

问题出在您的记录器上。 target不是Store.prototype的当前实例。而且该原型没有属性Store。

因此model将失败，因为没有Store.prototype.model.merge(res)。

Store.prototype.model

为什么Mobx中的ES6装饰器无法正常工作？

1 个答案: