react组件式写法，如何监听到键盘事件

1、众所周知react分组件式，函数式两种写法。

2、我们直接回归正题，如何监听到键盘事件，我们一般会在input上使用onKeyDown或者onKeyUp这两种事件，但是你要去监听button按钮时，这种方式就不起效果了

3、这个时候我们最好使用useEffect去监听全局，如下：

useEffect(() => {

    window.addEventListener('keydown', onKeyDown) // 添加全局事件

    return () => {

      window.removeEventListener('keydown', onKeyDown) // 销毁

    }

  }, [])

 // 键盘事件

  const onKeyDown = (e) => {

    switch (e.keyCode) {

      case 13:

         handleLogin(event)

        break

    }

  }

这种方式很好的监听到了回车，你也可以监听其他的按钮