无法访问对象属性中的 Mobx 对象

Question

如何访问位于对象内部的属性以及存储在对象

中的对象

以下控制台日志 console.log(this.props.auth.user) 提供以下输出，我正在尝试访问角色属性。

Answer 1

您可以使用 mobx.toJS 将可观察对象转换为 javascript 结构：

一个例子：

const obj = mobx.observable({
    foo: 1,
    bar: 'hello',
  })
const clone = mobx.toJS(obj)
const foo = clone.foo
const bar = clone.bar

所以，你可以这样做：

const user = mobx.toJS(this.props.auth.user)
const role = user.role

Can't access Mobx object within object properties