当前位置: 首页 > article >正文

使用Mobx时,在组件使用时数据类型为Proxy

在使用Mobx状态管理库时,在仓库中引用接口然后获取到的数据,打印出来都是正常的,但是在组件中引入仓库实例后,发现数据类型变成了Proxy类型
查阅资料发现原因如下:
MobX 库将被观察的对象进行了代理。
这样做的目的是为了实现观察对象的属性访问和修改的拦截,以便在属性发生变化时能够自动追踪和响应。
MobX 使用 Proxy 对象来拦截对被观察对象的属性的访问和修改操作。
当你访问或修改被观察对象的属性时,实际上是通过 Proxy 对象来实现的,这样 MobX 就能够监听到这些操作并触发相应的响应式更新。

那么我们怎么将数据转换为我们可以正常使用的类型呢?

我们需要引入 Mobx 库中的 toJS()函数包裹我们需要转换的数据即可

console.log(menuListStore.menuList);
// 输出如下

在这里插入图片描述

将其改为 toJS()包裹的对象

console.log(toJS(menuListStore.menuList));

在这里插入图片描述
变为了可以直接使用的数据


http://www.kler.cn/a/229013.html

相关文章:

  • 【python】实现图像中的阴影去除 | 方案和代码
  • vue3学习三
  • Redis 缓存穿透、击穿、雪崩 的区别与解决方案
  • 如何攻击一个服务器(仅用于教育及娱乐实验目的)
  • FFmpeg硬件解码
  • MCP Server开发的入门教程(python和pip)
  • Linux|Grep 命令的 12 个实用示例
  • 使用SPM_batch进行批量跑脚本(matlab.m)
  • 7.0 Zookeeper 客户端基础命令使用
  • Coil:Android上基于Kotlin协程的超级图片加载库
  • 想上岸?有这个神器足矣!
  • SpringMVC精简知识点
  • JAVA字节流的两个重要子类FileOutputStream、FileInputStream
  • 292.Nim游戏
  • React16源码: React中event事件监听绑定的源码实现
  • undefined symbol: _ZN5boost15program_options22error_with_option
  • 类银河恶魔城学习记录1-6 Flip基本设置源代码 P33
  • 网络原理TCP/IP(5)
  • ensp实验合集(二)
  • 创建自己的Hexo博客
  • 第8章 多线程
  • Postgresql体系结构
  • 【PTA函数题】6-2 约瑟夫环之循环链表
  • Hack The Box-Challenges-Misc-M0rsarchive
  • 【数据结构与算法】(7)基础数据结构之双端队列的链表实现、环形数组实现示例讲解
  • echarts使用之柱状图(一)