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