Javascript react mobx-存储返回代理对象

我有以下国家级课程：

import { observable, action } from 'mobx';
import axios from 'axios';

export default class AppState {
  @observable user;
  @observable pToken;

  constructor() {
    this.user = {};
    this.pToken = localStorage.getItem('pToken');
  }

  async fetchData(query) {

    const body = JSON.stringify({ query, });
    const response = await axios.post('url', body, {
      headers: {
        'Content-Type': 'application/json',
        token: localStorage.getItem('pToken')
      }
    });

    const user = response.data.data.user;
    console.log('Got user', user);
    this.setUser(user);
  }

  @action setUser(user) {
    this.user = user;
  }
}

在我的组件中：

@inject('store')
@observer
export default class Header extends Component {
    constructor(props) {
        super(props);
        this.store = this.props.store.appState;
    }

    render() {
        const { user } = this.store;
        console.log('store', this.store);

        return (
            <header className='header'>
                User - {user.username}
            </header>
        );
    }
}

@inject（'store'））
@观察者
导出默认类头扩展组件{
建造师（道具）{
超级（道具）；
this.store=this.props.store.appState；
}
render（）{
const{user}=this.store；
console.log（'store'，this.store）；
返回(
用户-{User.username}
);
}
}

不幸的是，state

user

属性返回一个

Proxy

对象，而

user

日志显示用户对象。知道我错过了什么吗

---

一切正常，MobxV5依赖于引擎盖下的代理，因此当您记录可观察对象时，它通常会显示一些内部实现

您可以使用toJS MobX方法

console.log（toJS（user））

或仅对用户对象

console.log（{……user}）

---

toJS

docs:

我不想使用

toJS

，我认为这是一个昂贵的操作，每次我试图访问商店中的对象时，你不需要使用它来访问，只需要在开发时将内容记录到控制台。要访问，请使用常规的点符号，就像您已经使用的那样

user.username

哦，这让我很困惑！我做了

console.log（user）

并看到了一个代理，但是

user.id

实际上可以在没有像toJS这样昂贵的操作的情况下工作！谢谢