onKeyDown event not working on divs in React

Question

I want to use a keyDown event on a div in React. I do:

  componentWillMount() {
      document.addEventListener(\"keydown\", this.onKeyPressed.bind(this));
          


        

Answer 1

You need to write it this way

If onKeyPressed is not bound to this, then try to rewrite it using arrow function or bind it in the component constructor.