本文主要是介绍使用Mobx时,在组件使用时数据类型为Proxy,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!
在使用Mobx状态管理库时,在仓库中引用接口然后获取到的数据,打印出来都是正常的,但是在组件中引入仓库实例后,发现数据类型变成了Proxy类型
查阅资料发现原因如下:
MobX 库将被观察的对象进行了代理。
这样做的目的是为了实现观察对象的属性访问和修改的拦截,以便在属性发生变化时能够自动追踪和响应。
MobX 使用 Proxy 对象来拦截对被观察对象的属性的访问和修改操作。
当你访问或修改被观察对象的属性时,实际上是通过 Proxy 对象来实现的,这样 MobX 就能够监听到这些操作并触发相应的响应式更新。
那么我们怎么将数据转换为我们可以正常使用的类型呢?
我们需要引入 Mobx 库中的 toJS()函数包裹我们需要转换的数据即可
console.log(menuListStore.menuList);
// 输出如下
将其改为 toJS()包裹的对象
console.log(toJS(menuListStore.menuList));
变为了可以直接使用的数据
这篇关于使用Mobx时,在组件使用时数据类型为Proxy的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!