Javascript 反应彩色动画同步

我一直在使用react构建一个编辑器。可配置属性之一是动态生成背景色动画。例如，具有x秒周期的无限淡入淡出

问题在于，彩色动画需要在多个视图中保持相同和同步。CSS动画在没有黑客攻击的情况下无法实现同步。我想使用“反应动作”，但它不容易包含计时

---

正在查找使用react+react库的一些具体示例。提前感谢。

对于您使用react+react库进行示例的请求，这不是一个直接的答案，但是，如果您在客户端/浏览器上进行渲染，您可以使用全局变量来保持视图之间的同步。如果这对你来说太难了，那么也许可以找到一个共同的父视图，这两个视图都可以得到一个同步的var/值。

在对所有这些进行了大量研究之后，结果表明，答案只是在动画帧级别上起作用

CSS动画将所有这些都从开发人员那里抽象出来，但因此它在动画之间几乎没有控制

React Motion React Motion虽然是一个处理过渡动画的好库，但它的预期用途并没有解决动画之间的控件问题

它们存在于react运动代码中。您只需使用raf库逐个请求动画帧，然后使用公共帧信息计算每个视图的动画。这相当乏味，而且这里没有真正的通用解决方案