ReactJS проблема с hotkeys-js
Новичок в web-программировании. Пытаюсь добавить поддержку горячих клавиш в react приложение с использованием пакета hotkeys-js (https://npm.io/package/hotkeys-js). Есть statefull компонент с методом:
HandleAddProject = () => {
this.props.history.push({
pathname: `/projects/0`,
})
}
при монтировании компонента определяю горячую клавишу для этого метода:
componentDidMount(){
...
hotkeys('ins', function(event){
event.preventDefault()
this.HandleAddProject()
}.bind(this));
}
Горячая клавиша срабатывает, но как-то не так: переход по новому адресу происходит, но не прорисовывается требуемый компонент. Не могу понять в чем проблема.
На скриншотах показаны результаты вызова метода HandleAddProject горячей клавишей и при помощи одной из кнопок приложения: вызов горячей клавишей вызов из обработчика клика по кнопке