Flux+React.js -缓存API请求响应
Flux+React.js -缓存API请求响应
提问于 2015-02-22 15:12:19
我需要一个有React+Flux+async API requests模式经验的人的输入。在以下情况下，缓存api响应的更好方法是什么：
- 我有3页文章列表，每个页面都有相应的API端点来获取数据。
- 每一篇文章都有详细的页面UI，但是没有articleById端点，所以我只是在获取数组中按id进行
.find必需的文章 - 我只想使在列表上只有一个请求并对其进行缓存，所以当我从列表转到details页面或返回到列表时，就不会有请求。
- 当我切换到另一个列表时，我应该发出请求并缓存它。
我想知道是否应该将响应缓存在发出实际请求的WebAPIUtils服务中？
还是用黑客攻击容器组件(这对所有3个列表来说都是一样的)来了解它是否应该启动启动API请求的操作呢？
谢谢!
回答 1
Stack Overflow用户
发布于 2015-03-03 12:52:28
使用存储
您应该让ListStore缓存处理以下操作的列表: LIST_CACHE :此操作将列表推送到列表缓存中。
在List组件中，当它收到来自ListStore的更新时，尝试找到它应该显示的列表，并将其设置为其状态。
如果列表不存在，请等待ListStore发出更改事件，然后在ListStoreChanged处理程序中再次尝试查找列表。
现在，您需要决定何时为列表缓存发出API请求。一种可能的选择是在应用程序加载时对所有列表发出API请求，然后将接收到的所有列表分配给LIST_CACHE操作。
如果您还没有读过，请阅读以下内容：http://facebook.github.io/flux/docs/overview.html
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/28659419
复制相关文章
相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号