https://github.com/telecta/react-mousetrap

HOC for Mousetrap
https://github.com/telecta/react-mousetrap

mousetrap react

Last synced: 11 months ago
JSON representation

HOC for Mousetrap

• Host: GitHub
• URL: https://github.com/telecta/react-mousetrap
• Owner: telecta
• License: mit
• Created: 2015-11-02T10:25:01.000Z (over 10 years ago)
• Default Branch: master
• Last Pushed: 2020-04-13T11:31:37.000Z (about 6 years ago)
• Last Synced: 2024-11-14T09:33:56.757Z (over 1 year ago)
• Topics: mousetrap, react
• Language: JavaScript
• Homepage: https://www.npmjs.com/package/react-mousetrap
• Size: 49.8 KB
• Stars: 31
• Watchers: 1
• Forks: 7
• Open Issues: 4
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

          
# react-mousetrap [![Build Status](https://travis-ci.org/blacktangent/react-mousetrap.svg?branch=master)](https://travis-ci.org/blacktangent/react-mousetrap) [![npm version](https://badge.fury.io/js/react-mousetrap.svg)](https://badge.fury.io/js/react-mousetrap)

React's high order component for [Mousetrap](https://www.npmjs.com/package/mousetrap) integration.

## Setup

Yarn install

    yarn add react-mousetrap

## Example

Create higher order component

```

    import mouseTrap from 'react-mousetrap';

    class YourComponent extends React.Component {

        componentWillMount {

            this.props.bindShortcut('right', this._goToNext);

        }

    }

    export default mouseTrap(BaseComponent);

```