【问题标题】:Caching asynchronous data缓存异步数据
【发布时间】:2020-07-06 17:56:57
【问题描述】:

我最近发现了两个执行此任务的库

https://github.com/tannerlinsley/react-query

https://github.com/vercel/swr

但是他们使用了一种不需要商店的不同方法,MobX 有类似的方法吗?如果此缓存仍然有效且处于活动状态,则设置缓存并且不向服务器发出请求

【问题讨论】:

    标签: reactjs mobx mobx-react mobx-state-tree


    【解决方案1】:

    我没有任何具体的库建议,但我通常在 MobX 应用程序中做的是:

    1. 每个页面都有与之关联的商店,每个商店都有data属性(或类似的东西)和fetch方法
    2. 当页面组件挂载时,它会调用store.fetch() 来加载数据,因此数据会保存在存储中并稍后呈现
    3. 如果您转到另一个页面,然后返回原始页面,旧的data 内容仍在商店内并立即显示。同时 store 再次获取新数据,并在获取成功时替换陈旧数据。

    你提到的库有更多有用的特性,但是这个核心原则很容易用纯 MobX 实现。虽然为 MobX 提供一些类似的库会很不错,甚至框架不可知

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2011-10-05
      • 2020-12-02
      • 2014-05-14
      • 1970-01-01
      • 2019-09-21
      • 1970-01-01
      • 1970-01-01
      • 2016-03-11
      相关资源
      最近更新 更多