javascript – Flux React.js – 缓存API请求响应

我需要有React Flux异步API请求模式经验的人的输入.在以下情况下缓存api响应的更好方法是什么：

>我有3个列表的文章页面,每个文章都有相应的API端点来获取数据.
>每篇文章都有详细信息页面UI,但是没有articleById端点,所以我只是在获取的数组中找到id所需的文章
>我想在列表上只发出1个请求并对其进行缓存,因此当我从列表中转到详细信息页面或返回列表时,将不会有API请求.
>当我切换到另一个列表时,我应该发出请求并缓存它.

我想知道我应该在WebAPIUtils服务中缓存响应,这会产生实际请求吗？

或者是否更好地破解容器组件(对于所有3个列表都是相同的),以便知道它是否应该触发启动API请求的操作？

谢谢！

解决方法:

使用商店

您应该有ListStore缓存处理以下操作的列表：
LIST_CACHE：此操作将List推送到List缓存.

在List组件中,当它从ListStore接收更新时,尝试找到它应该显示的List并将其设置为其状态.

如果列表不存在,请等待ListStore发出更改事件,然后在ListStoreChanged处理程序中尝试再次查找列表.

现在,您需要决定何时为列表缓存发出API请求.一种可能的选择是在加载应用程序时为所有列表发出API请求,然后将所有收到的列表分派给LIST_CACHE操作.

如果您还没有,请阅读：http://facebook.github.io/flux/docs/overview.html

标签：javascript,caching,reactjs,reactjs-flux,flux
来源： https://codeday.me/bug/20190628/1318386.html