按住按键(React)取消反弹

Question

有没有一种方法可以按住一个键去反跳(在React中，如果它改变了什么，我知道我需要在useCallback中包装去反跳)？

我有几个选择，每个都发送请求。默认情况下，可以按住Tab键进行选择，因此发送的请求太多。

我可以在按住Tab键的时候设置去抖动吗？另外，我更喜欢不影响a11y的解决方案。

提前感谢！

Answer 1

通过等待一段时间，然后检查我的select是否为当前文档select，然后触发fetch，我成功地保持了fetch

const sleep = (milliseconds = 500) => new Promise(resolve => setTimeout(resolve, milliseconds));

const handleFocus = async () => {
  await sleep();
  if (selectRef.current === document.activeElement) {
    if (!listShowed) {
      showList(true);
      document.addEventListener('click', hideList);
    }
    fetch();
  }
};

但需要添加ref。不确定这是否是最优的解决方案，但它是有效的。如果我快速更改选定的项，那么在selectRef.current ()之后，=== document.activeElement将不会被触发