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

在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';
    }
   
    
}