mobx数据变了，视图没变,mobx6的用法

Posted 2021-09-04 天渺工作室

​
在react中使用react-mobx的情况下,数据已经被action 改变了,但是视图层 没有随之改变

如果mobx的版本大于6

"mobx": "^6.3.2",
"mobx-react": "^7.2.0"

切记添加 makeObservable 初始化项目

import { observable, action, computed, makeObservable } from "mobx";


export class AuthStore {
    @observable name = \'wangkai000\';
    @observable sex =  \'男\';
    @observable userObj = {
        name: \'wangkai000\',
        age: 233,
        token: \'12345689\'
    }

    constructor() {
        // makeObservable 在mobx6 版本之后 比添加项
        makeObservable(this);
        
    }

    @action.bound
    setName(v) {
        console.log(\'触发action\');
        this.name = v;
        
    }
    

    @computed get titleName(){
        return this.name+\'___111\';
    }
   
    
}

​