无法在 object 属性中访问 Mobx object

Question

How could I access property that is located inside an object and that object stored in object

The following console log console.log(this.props.auth.user) provides the output below, I am trying to access the role property.

Answer 1

You can use mobx.toJS to convert an observable object to a javascript structure:

An Example:

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

So, you could do:

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