Mobx调用Computed属性上的Action

时间:2016-12-26 18:45:51

标签: javascript reactjs mobx mobx-react

这是代码:

@computed 
   get user() {
        if(!this.hasValidated)
            this.reloadUserData();
        return this.userData;
    }
@action
  reloadUserData() {
    return new Promise(function(ok, err) {
        if(!window.localStorage['atoken'])
            err({id:24, detail:'User havn\'t logged in.'});
        if(!window.localStorage['aprofile'])
            apicall.get('user/detail').then((data)=>{
                this.setProfile(data.data.content);
                ok(true);
            }).catch((derr)=>{
                err({id:20, detail:derr});
            });
        else{
            this.userData=JSON.parse(window.localStorage['aprofile']);
        }
    }.bind(this));
}

所以,主要目标是,当配置文件数据尚未验证时,我们将从服务器重新获取它,然后,在等待数据更改时,我们将从localstorage中为它们提供缓存值

Anddd ....我的问题是,为什么它会给我一个' Computed值无法调用Action funtion'东西吗

三江源! :d

1 个答案:

答案 0 :(得分:1)

计算旨在(概念上)纯粹。并且行动旨在(概念上)不纯。因此,虽然技术上它可以是一个很好的组合,但从概念上讲它们并不是。

但不要害怕,只需检查mobx-utils handle.basic.cancel(consumerTag, function(err) { if (err) throw err; }); computed-async-mobx`包。它们可能包含您正在寻找的随时可用的抽象。