mobx 使用求助 - V2EX
V2EX = way to explore
V2EX 是一个关于分享和探索的地方
Sign Up Now
For Existing Member  Sign In
kuanng

mobx 使用求助

  •  
  •   kuanng Mar 9, 2020 2147 views
    This topic created in 2240 days ago, the information mentioned may be changed or developed.

    89Qg3j.png

    这个 total 应该是 computed 的,那为什么没有缓存值呢?

    是我理解错了么?

    9 replies    2020-03-09 19:56:49 +08:00
    noe132
        1
    noe132  
       Mar 9, 2020 via Android
    0 * 1 不等 0 么?
    noe132
        2
    noe132  
       Mar 9, 2020 via Android
    理解错了。。
    ddzy
        3
    ddzy  
       Mar 9, 2020
    没看懂
    kuanng
        4
    kuanng  
    OP
       Mar 9, 2020
    @ddzy 照我的理解:total 是一个 computed,它依赖于 price 和 amount。所以在 price 和 amount 没有改变下,total 的计算值被缓存起来,这样的话控制台不应该打印三次的 ff
    noe132
        5
    noe132  
       Mar 9, 2020
    这个缓存只会在 when / autorun / reaction / 其他 computed 中被使用。
    const state = observable({
    a:1,
    b:2,
    c:3,
    get d(){ console.log('computed'); return this.a * this.b }
    })

    m.reaction(() => temp3.c + temp3.d, () => { console.log('reaction')})

    state.a = 3
    // log reaction + run
    state.c = 5
    // log reaction
    noe132
        6
    noe132  
       Mar 9, 2020
    https://mobx.js.org/refguide/computed-decorator.html

    that if you create a computed property but don't use it anywhere in a reaction, it will not cache its value and recompute more often than seems necessary

    when / autorun / reaction 会假设你的依赖是除了包含 reactive 值的其他部分是不包含任何副作用的,所以会缓存,而在这些之外手动访问,可能不能保证不产生副作用。类似如果写出像这样的 getter:

    get d() { return [Date.now()] }

    是否每次时间变化都会触发 autorun ?结果显然是不会,因为 Date.now()并不是 reactive 的。而 get d() 却并不是一个纯函数。

    如果希望函数执行的结果每次都能缓存下来,需要自己封装一层,通过 reaction 将结果缓存下来,类似下面这样
    const useMobxMemo = (computedFunction) => {
    const value = computed(computedFunction);
    const state = {
    value,
    };

    reaction(() => value.value, () => {
    state.value = value.value;
    });

    return state.value;
    };
    momocraft
        7
    momocraft  
       Mar 9, 2020
    class + decorator 的写法应该会缓存的

    observable.object 会自动把 getter 转为 computed 吗?
    kuanng
        8
    kuanng  
    OP
       Mar 9, 2020
    @noe132 的确,在 autorun 中有缓存了。谢了
    kuanng
        9
    kuanng  
    OP
       Mar 9, 2020
    @momocraft 文档中,会自动变为 computed
    About     Help     Advertise     Blog     API     FAQ     Solana     6155 Online   Highest 6679       Select Language
    创意工作者们的社区
    World is powered by solitude
    VERSION: 3.9.8.5 47ms UTC 02:12 PVG 10:12 LAX 19:12 JFK 22:12
    Do have faith in what you're doing.
    ubao msn snddm index pchome yahoo rakuten mypaper meadowduck bidyahoo youbao zxmzxm asda bnvcg cvbfg dfscv mmhjk xxddc yybgb zznbn ccubao uaitu acv GXCV ET GDG YH FG BCVB FJFH CBRE CBC GDG ET54 WRWR RWER WREW WRWER RWER SDG EW SF DSFSF fbbs ubao fhd dfg ewr dg df ewwr ewwr et ruyut utut dfg fgd gdfgt etg dfgt dfgd ert4 gd fgg wr 235 wer3 we vsdf sdf gdf ert xcv sdf rwer hfd dfg cvb rwf afb dfh jgh bmn lgh rty gfds cxv xcv xcs vdas fdf fgd cv sdf tert sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf sdf shasha9178 shasha9178 shasha9178 shasha9178 shasha9178 liflif2 liflif2 liflif2 liflif2 liflif2 liblib3 liblib3 liblib3 liblib3 liblib3 zhazha444 zhazha444 zhazha444 zhazha444 zhazha444 dende5 dende denden denden2 denden21 fenfen9 fenf619 fen619 fenfe9 fe619 sdf sdf sdf sdf sdf zhazh90 zhazh0 zhaa50 zha90 zh590 zho zhoz zhozh zhozho zhozho2 lislis lls95 lili95 lils5 liss9 sdf0ty987 sdft876 sdft9876 sdf09876 sd0t9876 sdf0ty98 sdf0976 sdf0ty986 sdf0ty96 sdf0t76 sdf0876 df0ty98 sf0t876 sd0ty76 sdy76 sdf76 sdf0t76 sdf0ty9 sdf0ty98 sdf0ty987 sdf0ty98 sdf6676 sdf876 sd876 sd876 sdf6 sdf6 sdf9876 sdf0t sdf06 sdf0ty9776 sdf0ty9776 sdf0ty76 sdf8876 sdf0t sd6 sdf06 s688876 sd688 sdf86