javascript - 如何避免在React中对OnKeyDown catch事件使用tabIndex？

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

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

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

如何使用句柄onKeyDown and Up events但不使用tabIndex？

这是文档的div /按钮：

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

最佳答案

您可以管理按键事件

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

关于javascript - 如何避免在React中对OnKeyDown catch事件使用tabIndex？，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/59090223/