强制喂养不适用于Velocity JS

Question

我正在尝试在我的一个React项目中使用VelocityJS。我遇到问题的用例是：

  

在SVG中创建指针，最初位于屏幕中央。我想用键盘箭头键移动指针。我维护了一个状态变量来更新keydown事件上指针的X和Y值。在setState的回调中，我调用的是一个动画翻译的翻译函数。但我遇到的问题是动画总是从指针的初始位置发生，即屏幕中心。因此，我尝试的一种解决方法是，我使用velocityJS中的forcefeeding来维持指针的先前位置。有人通过我的代码，看看我做错了什么。

$(".Aim").velocity(
  {
    translateX: [this.state.aimX, this.state.aimXOld],
    translateY: [this.state.aimY, this.state.aimYOld]
  },
  {
    duration: 500,
    easing: [0.46, 0.46, 0.46, 0.46],
    complete: () => {
      console.log("completed");
    }
  }
);