title: Prevent form subscription in ReactJS input element
body: <p>I have an HTML form in my project, which is partially written with React (Don't ask me why. Historical issues.) Consider it to look like this:</p>
  
  <pre class="lang-html prettyprint-override"><code>&lt;html&gt;
  &lt;form&gt;
  &lt;input type="text" name="name" /&gt;
  &lt;div id="app"&gt;&lt;!-- React component here --&gt;&lt;/div&gt;
  &lt;/form&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Then the react code, effectively like this:</p>
  
  <pre class="lang-javascript prettyprint-override"><code>ReactDOM.render(
    &lt;div&gt;
      &lt;input type="text" /&gt;
    &lt;/div&gt;,
    app // consider this is the #app element
  );
  </code></pre>
  
  <p>How can I stop the form from submitting with "enter" key by just changing the <code>input</code> element in my React component? Or is it possible?</p>