Better react-hotkeys HOC
Usage:
withHotKeys({ new: "alt+n" }, { new: props => event => console.log(props, event) })(...)
Useful to use with recompose.
Usage:
withHotKeys({ new: "alt+n" }, { new: props => event => console.log(props, event) })(...)
Useful to use with recompose.
import React from "react"; | |
import { HotKeys } from "react-hotkeys"; | |
export default (keyMap, handlers) => Component => props => { | |
const bindedHandlers = Object.entries(handlers).reduce( | |
(bindedHandlers, [name, fn]) => ({ | |
...bindedHandlers, | |
[name]: event => fn(props)(event) | |
}), | |
{} | |
); | |
return ( | |
<HotKeys | |
component="document-fragment" | |
keyMap={keyMap} | |
handlers={bindedHandlers} | |
> | |
<Component {...props} /> | |
</HotKeys> | |
); | |
}; |