子组件中的缓存未更新

Posted

技术标签:

【中文标题】子组件中的缓存未更新【英文标题】:Cache not updating in child component 【发布时间】:2020-01-20 06:06:39 【问题描述】:

我正在开发一个使用 Apollo 客户端和 React 的聊天应用程序

我让消息窗口组件在 componentDidMount 中运行缓存更新。

我的目标是在打开邮件时更新未读计数。这会在收到消息时更新,但前端 UI 需要乐观 ui 更新。

我刷新页面: 第一次点击没有反应... 之后的每一次点击似乎都会更新之前的点击。 有什么想法吗?

这是我的组件加载

【问题讨论】:

【参考方案1】:

确实在您的应用中设置了 redux,然后在用户打开消息时调用操作,您将通过 reducer 在 componentwillreceve 方法中获取新数据,然后您可以做任何您想做的事情

【讨论】:

以上是关于子组件中的缓存未更新的主要内容,如果未能解决你的问题,请参考以下文章

5 分钟快速学习,缓存一致性优化方案!

如何通知尾部更新到 C++ 窗口中的线程? [读取全局变量的未缓存值]

如何在组件内缓存子组件实例

变异后的Apollo缓存未更新

SPA Angular index.html 未更新缓存(我使用缓存破坏)

useMemo, useCallback, useEffect 三者区别