javascript - 如何避免在React中使用tabIndex来进行OnKeyDown捕获事件？

Question

我有一个问题，因为我正在使用react-windows库来制作新闻列表。

问题是我需要处理 onKeyDown 事件，因为需要在按钮上添加 tabIndex 。

但是当我添加 tabIndex 时，会激活react-widows 库中的一些滚动行为。

如何在不使用 tabIndex 的情况下使用处理 onKeyDown 和 Up 事件？

这是文档的 div/按钮:

<div
              className="card-content-wrapper"
              role="button"
              id={collectionId + id}
              onClick={() => handleClick && handleClick(id)}
              onKeyDown={(e) => handleKeyDownUp && handleKeyDownUp(e, index)}
            >

Answer 1

您可以管理 keydown 事件

class SimpleExample extends React.Component {
    onKeyDown =(event)=>{
        console.log('keyCode',event.keyCode)
    }
    render() {
        return (
             <div>
      <input type="text" id="one" onKeyDown={this.onKeyDown} />
    </div>
        );
    }
}