Input 单击“向上箭头”和“向下箭头”时，输入失去焦点

我在React中有一个输入字段，它有一个

onKeyDown

属性，当按下箭头向上或箭头向下按钮时，该属性将运行一个特定的功能。唯一的问题是，单击这些按钮时，输入字段会失去焦点。是的，我可以重新聚焦到它，但它还有一个运行另一个函数的

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();
}