How to move the image when pressing the arrows on the keyboard?

Question

JavaScript

I have a component with an image, how can I make the image move when I press the up/right/left/down buttons on the keyboard?

Answer 1

componentDidMount(){
        document.addEventListener("keydown", this.actionFunction, false); 
}
componentWillUnmount(){
        document.removeEventListener("keydown", this.actionFunction, false);
}
actionFunction(event){
        if(event.keyCode === 27) {
           (нажали esc - выходим из режима движения и так далее)
        };
}