使用向下箭头键滚动div不起作用

Question

我正在尝试在Reactjs中滚动带有keydown事件的div。 当用户按下向下箭头键时，我会像这样设置scrollTop值：

 const onKeyDown = e => {
    if (e.key == "ArrowDown") {
    console.log(e)
    var elmnt = document.getElementsById('myDiv');
    elmnt.scrollTop += 40;
      }
    }

当我只按一次键时，此功能有效。 但是，当我按住键时，elmnt scrollTop不会改变。 根据事件日志的数量，handleKeyDown运行的数量可以。