Reactjs 更新状态时不应重新呈现类组件

我在一个公文包网站上工作，它的主页上出现了一些“挑逗项目”（以动画的方式）。每个图像都有一个项目标题，当鼠标悬停在相应的项目div/图像上时，该标题应显示为自定义光标

由于组件的（逻辑）重新呈现，本来应该非常简单的事情变得非常复杂

我在这里设置了一个代码沙盒：

---

如何允许类组件更新其状态并显示适当的游标div（稍后应跟随鼠标），而无需重新渲染它（并再次播放动画）？

也许你可以在动画的

div

上方渲染一个透明的

div

组件，并管理那里的状态？谢谢@AkshitMehra这也是我实际上想到的，但我担心这太快太脏了，而且不是很“反应迟钝”@BrandonDyer为什么不直接使用CSS的答案：也许“自定义游标”取决于状态？确切地说，还有更多的事情要做。Sry，在我的问题中应该指出这一点，因为我在沙箱中清理了这些东西。