单击 ArrowUp 和 ArrowDown 时输入失去焦点

Question

我在 React 中有一个输入字段，它有一个 onKeyDown 属性，当按下 ArrowUp 或 ArrowDown 按钮时，它会运行一个特定的函数。唯一的问题是，当点击这些按钮时，输入字段会失去焦点。是的，我可以重新聚焦它，但它也有一个 onBlur 属性可以运行另一个函数，这就是我不希望输入字段失去焦点的原因。我该怎么做？

我已经尝试过这些，但没有一个奏效：

onKeyDown={(e)=>{
  if(e.key==='ArrowUp' || e.key==='ArrowDown'){
    e.preventDefault();
}

onKeyPress={(e)=>{
  if(e.key==='ArrowUp' || e.key==='ArrowDown'){
    e.preventDefault();
}

onKeyUp={(e)=>{
  if(e.key==='ArrowUp' || e.key==='ArrowDown'){
    e.preventDefault();
}