首页 > 解决方案 > 尽管有变量,CSS Emotion 仍在缓存 CSS

问题描述

我在 React 项目中使用 Emotion for CSS。它工作正常,但是我有一个组件使用css带有 JS 参数的属性,尽管变量发生了变化,但似乎 Emotion 正在缓存 CSS。

这是一个测试行为的 CodeSandBox:https ://codesandbox.io/s/youthful-lumiere-bfg7o

单击图像时,缩放应从图像的左上角开始。它第一次工作,但是在一个图像上多次单击然后另一个图像后,Emotion 将值保存在缓存中(我在将 JS 值发送到 Emotion 之前记录了它们,您可以在控制台中检查)

动画被放慢以查看错误。

谢谢您的帮助

标签: cssreactjsemotion

解决方案


推荐阅读