React - 再次调用时杀死方法的旧进程（OnDrag 性能改进）

我在 React 中开发了一个 2D 拖放系统，我正在运行 onDrag 事件的处理程序方法。但问题是该方法有 3-4 个循环，而且过程繁重。

由于 onDrag 事件不断调用，我想看看有没有什么办法可以防止旧进程再次调用该方法时只完全执行最新的一个？

或者有什么表演技巧、钩子等吗？

const dragHandler = () => {
    // heavy process
}

return (<div onDrag={() => dragHandler()}></div>);