title: ReactJS form submit preventdefault not working
body: <p>I'm in the process of learning React JS, while following an online tutorial. The below code stopped working and gives me an exception &quot;TypeError: Cannot read property 'PreventDefault' of undefined&quot;. Can someone please help me understand the reason causing this? Thanks in advance.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const Card = (props)=&gt;{
    return(
          &lt;div style={{margin:'1em'}}&gt;
            &lt;img width ="75" src ={props.avatar_url}/&gt;
            &lt;div style={{display: 'inline-block', marginLeft: 10}}&gt;
               &lt;div style ={{fontSize:'1.25em', fontWeight: 'bold'}}&gt;
                 {props.name}
               &lt;/div&gt;
               &lt;div&gt;{props.company}&lt;/div&gt;
            &lt;/div&gt;
          &lt;/div&gt;
         );
  };
  
  const CardList = (props) =&gt; {
      return (
              &lt;div&gt;
                  {props.cards.map(card =&gt; &lt;Card {...card} /&gt;)}
               &lt;/div&gt;
             );
         }
  
  class Form extends React.Component {
  
    handleSubmit = (e) =&gt; {
          e.PreventDefault();
          console.log('Event: Form Submit');
    };
  
    render() {
          return (
          &lt;form onSubmit={this.handleSubmit()}&gt;
          &lt;input type ="text" placeholder ="Github username"/&gt;
          &lt;button type ="submit"&gt;Add Card&lt;/button&gt;
        &lt;/form&gt;
      );
    }
  }
  
  class App extends React.Component {
  
  state = {
      cards:  [
          {       name : "Paul O’Shannessy" , avatar_url: "https://avatars1.githubusercontent.com/u/8445?v=4", company: "Facebook"  },
          {       name : "Ben Alpert" , avatar_url: "https://avatars1.githubusercontent.com/u/6820?v=4",company: "Facebook"  },
        ]
  }
  
    render() {
          return(
              &lt;div&gt;
                &lt;Form /&gt;
                &lt;CardList cards={this.state.cards} /&gt;
              &lt;/div&gt;
          );
    }
  }
  
  ReactDOM.render(&lt;App /&gt;,mountNode)</code></pre>
  </div>
  </div>
  </p>