title: Add key events to react Projects
body: <p>Following is my sample code:</p>
  
  <pre><code>Class School extends React.Componenet {
    deleteStudent = () =&gt; {
      // Logic of delete student goes here.
    }
    openNewForm = () =&gt; {
      // Logic of new form goes here.
    }
    render() {
      return(
        &lt;div&gt;
           &lt;div&gt;
             /* Here goes my view part */
           &lt;/div&gt;
           &lt;div&gt;
             &lt;Button onClick={this.deleteStudent}/&gt;
             &lt;BUtton onClick={this.openNewForm}/&gt;
           &lt;/div&gt;
        &lt;/div&gt;
      );
    }
  }
  </code></pre>
  
  <p>I want to add keyboard events on my react projects. Suppose If I will press the delete button from keyboard then it will delete the selected student. If will press the 'N' key then it will execute open new form events.</p>