React Keydown
made with React

React Keydown是一个React组件的轻型按键包装，使用react-keydown作为高阶组件或装饰器，可以将keydown事件传递给包装的组件，或直接通过指定的键调用方法，从而于实现键盘导航或其他快捷方式。

安装

Npm

npm i react-keydown

Yarn

yarn add react-keydown

使用

引入React和组件

import React from 'react';
import keydown from 'react-keydown';

使用

class MyComponent extends React.Component {

  @keydown( 'enter' ) // 可以用键值代替:13
  submit( event ) {
    // do something, or not, with the keydown event, maybe event.preventDefault()
    MyApi.post( this.state );
  }
}

示例