React Slider / Spinner-鼠标按下时旋转器更新速度不够快

Question

我整理了一个简单的react组件，使您可以通过使用滑块或微调器来设置值（微调器可用于更精细的控制）。关于微调器，其想法是您应该能够仅一步增加/减少值，但是如果用户按住鼠标按钮，则值将一直增加/减少，直到释放鼠标按钮为止。这种方法有效，但是有一个问题：按下鼠标按钮时，值更新太慢。理想情况下，它每秒更新60次，但就目前而言，它更像是......滴答...滴答滴答...滴答...滴答滴答

理想地，当用户按下鼠标按钮时，还应该有一个延迟，以便他们可以在“自动递增/递减”开始之前，将值递增/递减一个步骤。

代码如下：

class MyClass {

  routerStore: RouterStore
  characterStore: CharacterStore
  characterPrivateStore: CharacterPrivateStore

  constructor(
    routerStore: RouterStore,
    characterStore: CharacterStore,
    characterPrivateStore: CharacterPrivateStore
  ) {
    super()
    this.routerStore = routerStore
    this.characterStore = characterStore
    this.characterPrivateStore = characterPrivateStore
  }
}