reactjs绑定键盘事件怎么弄

Question

componentDidMount() {
    document.addEventListener("keydown", this.handleEnterKey)
}
componentWillUmount() {
  document.removeEventListener("keydown", this.handleEenterKey);
}
handleEenterKey(e) {
  console.log(e)
  if(e.keyCode === 13) {
   // 回车
  }
}

敲了键盘,注册别的事件如click,也好像没啥效果啊这个,进不去handleEnterKey里面.这是怎么回事
通常react监听键盘事件常用的方法有哪些

Answer 1

一般用人家的库：https://github.com/search?l=J...

Answer 2

onKeyDown onKeyPress onKeyUp


onKeyDown = (e) => {
    switch( e.keyCode) {
      case 13://回车事件
        break
    }
  }

https://zh-hans.reactjs.org/d...

Answer 3

可以使用react-keyevent这个库，非常方便,而且很小