如何解决缓存已更新,但在删除突变 NEXTJS SSR 后更新缓存时 UI 不会更改
我正在尝试使用 SSR 在 Nextjs 中发生突变后更新缓存。我可以更新缓存,但用户界面不反映缓存的变化。
在使用 getServerSideProps 获取数据时无法更新 UI,因为缓存是由服务器设置的??
这是我更新缓存的代码。
onClick={async () => {
await removeFromCart({
variables: { productId: p!.product.id as string },update(cache,el) {
const deletedId = el.data?.removeFromCart
console.log(deletedId)
const cartItems = cache.readQuery<MyCartQuery>({
query: MyCartDocument,})
const filteredProds = cartItems?.myCart.products?.filter(
(p) => p?.product.id !== deletedId
)
cache.writeQuery({
query: MyCartDocument,data: {
myCart: {
...cartItems,products: filteredProds,},})
},})
}}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。