react-hotkeys-hook
HotkeyのReact Hooksライブラリ
なんかのキーを押したときの操作をhooksでやる
github
注意する点
useHotkeysはdefaultでmemo化されているので、depsを渡す必要がある
code:ts
// remove()がcursorに依存する時
useHotkeys('backspace', remove, {}, cursor);
shortcut keyのscopeの実装もある
code:ts
const App = () => {
return (
<HotkeysProvider initiallyActiveScopes={'settings'}>
<ExampleComponent />
</HotkeysProvider>
)
}