react + mobx 在 props中的数据结构问题

Question

问题描述

使用mobx在store定义的数据结构为

@observable userInfo = {
        addressInfoId: 330100,
        platform: 2,
        isLogin: 0
    }

在组件中的props得到得数据结构为：

现在暂时用toJs方法转换才能得到正确的结构

@computed get user() {
        return toJS(this.userInfo)
    }

期望得到一个正常的js对象，而不是observable对象。

希望有大佬能解答一下！不胜感谢！

Answer 1

在组件中调用userInfo.toJS()方法就行
注：
这个方法并不能直接改变userInfo，而是返回一个正常的对象。

Answer 2

inject("store")
let { store } = this.props;
console.log(store.userInfo)
测试没问题，是个正常的对象啊

Answer 3