title: React onSubmit event not working
body: <p>When I hit enter on the form, it does not trigger the onSubmit event. There are no errors. The other event, onBlur, does dispatch. The logForm function will eventually console.log a JSON string of all the form's fields, but I have not yet gotten that far. I am simply trying to trigger the onSubmit event on the form. Any help or explanation would be appreciated.
  Here's the code: </p>
  
  <pre><code>import React from 'react'
  
  export default function SignupForm() {
    return (
      &lt;form onSubmit={logForm}&gt;
        &lt;div className="form-group"&gt;
          &lt;label&gt;
            Name:
            &lt;input onBlur={logUpdate} className="form-control" 
            type="text" placeholder="Username"/&gt;
          &lt;/label&gt;
        &lt;/div&gt;
        &lt;div className="form-group"&gt;
          &lt;label&gt;
            Email:
            &lt;input onBlur={logUpdate} className="form-control" 
            type="text" placeholder="johndoe@example.com"/&gt;
          &lt;/label&gt;
        &lt;/div&gt;
        &lt;div className="form-group"&gt;
          &lt;label&gt;
            Password:
            &lt;input onBlur={logUpdate} className="form-control" 
            type="password" placeholder="Password"/&gt;
          &lt;/label&gt;
        &lt;/div&gt;
        &lt;div className="form-group"&gt;
          &lt;label&gt;
            Confirm Password:
            &lt;input onBlur={logUpdate} className="form-control" 
            type="password" placeholder="Password"/&gt;
          &lt;/label&gt;
        &lt;/div&gt;
      &lt;/form&gt;
    )
  }
  
  function logForm(e) {
    e.preventDefault()
    const formInfo = new FormData(e.target)
    console.log(formInfo)
  }
  
  function logUpdate(e) {
    console.log(e.target.value)
  }
  </code></pre>