假设我们有两个兄弟 react 组件，称为OldContainer和NewContainer。里面OldContainer有一个包含<video>标签的子组件，视频当前正在播放。
用户现在可以拖动子组件（与视频一起）并将其放在 中NewContainer，并且他们希望视频在被拖动时和被放下后继续播放。
所以视频似乎粘在鼠标位置上，当在新容器中拖放时，它会动画到它的新位置（同样，它不会暂停）。
你将如何实现这一点？我们能否以纯粹的方式实现这一点（符合纯函数的精神）？
澄清：我可以使用其他元素而不是视频标签来解释这个问题。一个NumberEasing元素将是一个更好的例子，因为它需要在交互期间和之后保留组件的道具和状态。
更新 1：代码示例显然会很好，但我主要寻找的只是关于如何以“功能”方式解决这个问题的一般描述。你如何让你的视图代码简单易懂？谁来处理拖放手势？您如何对输入视图的数据进行建模？
有没有办法在WebGL中实现高性能的运动模糊效果？
我正在使用Three.js,场景是一些具有不同纹理的简单平面对象.我在x轴上移动相机.