mobx - 将数据数组设置为 mobx 数组显示代理对象

Question

我正在使用带有 mobx 的 react js 并从 api 获取数据。
我得到的数据是对象数组。
当我将数据设置为 mobx 变量时，我会看到代理对象数组(不确定代理说什么)。我只是想将从 api 获得的对象数组设置为 mobx 变量。

我的商店

class UserStore {
@persist @observable token = null
@observable tasks = []
@observable done = false

@persist @observable email = ''

constructor() {

}
@action
getTasks = async () => {
    try {
        let response = await Api.getTasks()
        console.log('getTasks',response.tasks)
        this.tasks = response.tasks
        console.log('my new tasks',this.tasks)

    } catch (e) {
        console.log(e)
    }
}

正如您在第一个块('black')中看到的那样，我从 api 获取数据，然后我将 respnse.tasks 设置为 this.tasks。

 this.tasks = response.tasks
  console.log('my new tasks',this.tasks)

Answer 1

您可以将代理转换为 JS:

import { toJS } from 'mobx'

// example
toJS(response)