报错`mobx.map` is deprecated, use `new ObservableMap` or `mobx.observable.map`instead

最新推荐文章于 2019-10-25 07:09:00 发布

spicyboiledfish

最新推荐文章于 2019-10-25 07:09:00 发布

阅读量1k

点赞数 1

分类专栏： Mobx

本文链接：https://blog.csdn.net/SpicyBoiledFish/article/details/77572503

版权

Mobx 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

首先贴出报错信息：

出错原因：

import { autorun, observable, map} from 'mobx';
import React from 'react';
import {Text} from 'react-native';

export default function demo10() {
    const foo = map({});
    autorun(()=>{
        console.log(`map have ${foo.size} keys`);
    });

    foo.set('foo',1);
    foo.set('bar',1);
    foo.set('foo',2);
    foo.delete('bar');

    return <Text style={{margin:100}}>444</Text>
}

解决办法：

map写法应该如下：

import { autorun, observable, map} from 'mobx';
import React from 'react';
import {Text} from 'react-native';

export default function demo10() {
    const foo = observable.shallowMap({});
    autorun(()=>{
        console.log(`map have ${foo.size} keys`);
    });

    foo.set('foo',1);
    foo.set('bar',1);
    foo.set('foo',2);
    foo.delete('bar');

    return <Text style={{margin:100}}>444</Text>
}