我使用 mobx 5.15.7 看到奇怪的行为答案

【问题标题】：Im using mobx 5.15.7 seeing weird behavior我使用 mobx 5.15.7 看到奇怪的行为
【发布时间】：2021-03-27 19:01:09
【问题描述】：

您好，我已经习惯了 mobx 4 刚到 mobx 5，我注意到语法和您读取可观察变量的方式发生了变化我正在尝试登录到控制台。记录我从路线获得的一些数据的输出，但我看到了代理和其他一些东西。屏幕截图发布在下面，我们将不胜感激。

以下是我在代码方面的一些知识。

    const { team } = this.props.teamStore;
    console.log(this.props.teamStore)
    const userTeams = !!team ? team : null;
    console.log(userTeams)
    return (
      <div className="text-center mt-40">
        <div>Home page again lets get it.</div>
        {this.getTeams()}
      </div>
    );

这是我遇到的奇怪输出

[[Handler]]: Object
[[Target]]: Array(3)
[[IsRevoked]]: false

【问题讨论】：

标签： reactjs mobx mobx-react

【解决方案1】：

这很正常，MobX 5 在后台使用 Proxy (https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Proxy)，这就是它对可观察数据的作用。

如果您想要常规控制台输出，可以尝试对您的数据使用toJS 方法，如下所示：

import { toJS } from 'mobx';

// ...

console.log(toJS(userTeams))

【讨论】：