美文网首页
在使用mobX时的一个小坑

在使用mobX时的一个小坑

作者: xsic | 来源:发表于2018-12-13 00:43 被阅读70次

之前在用RN+mobX写一个即时通讯系统的时候,将observable后的数组放在flatList的data中,但是却发现视图不能实时刷新,后来在mobX的官方文档看到这一段话

如果 value 是数组,会返回一个 Observable Array

也就是说返回出来的并不是一个普通数组,而是一个类数组,但是flatList的data接收的是一个普通数组,那该怎么解决?

解决方法就是将类数组转化成普通数组,有两种方法

1. slice()方法

slice() 方法可从已有的数组中返回选定的元素。

因此我们可以使用
arrayObject.slice(0)

2.Array.from(ES6语法)

Array.from()方法就是将一个类数组对象或者可遍历对象转换成一个真正的数组。

使用Array.from需要确保你的项目有装babel,不然的话会识别不了ES6语法。

相关文章

  • 在使用mobX时的一个小坑

    之前在用RN+mobX写一个即时通讯系统的时候,将observable后的数组放在flatList的data中,但...

  • React + Mobx + react-router 页面未跳

    在使用mobx和react-router的过程中,发现了一些坑,记录如下。 Mobx版本:5.0.0react-r...

  • MobX 源码解析之 @action 的事务特性(离职拷贝版)

    背景 MobX 规定:在将 MobX 配置为需要通过动作来更改状态时,必须使用 action。参考 MobX 中文...

  • Mobx 基本入门

    Mobx, 一个简单、可扩展的状态管理插件, 可结合React, 小程序使用。 这篇文章主要讲一下mobx的基本使...

  • 使用mobx

    mobx树型结构组织项目状态管理 遵循mobx定义数据存储 一个简单的mobx数据仓库: 因为使用了mobx作为状...

  • RN + MobX + react hook

    安装 MobX 单个页面内部使用mobx 全局使用mobx(Provider) (没有找到解决数据持久化的办法,即...

  • taro

    大纲复习在react中使用mobx在taro中如何使用echarts在taro中如何使用 高德地图微信小程序api...

  • 小程序使用Mobx

    微信官方有一版实现,https://developers.weixin.qq.com/miniprogram/de...

  • 简单理解Mobx(二):使用方法

    上一节我们已经了解了为什么要使用Mobx,简单理解Mobx(一):使用目的 这节我们来看看如何引入并使用Mobx ...

  • react native 集成 mobx

    使用的版本: "mobx": "^4.2.1""mobx-react": "^5.1.2""react": "16...

网友评论

      本文标题:在使用mobX时的一个小坑

      本文链接:https://www.haomeiwen.com/subject/pabmhqtx.html