title: React.js setting value of input
body: <p>I am a beginner with react.js and it's amazing but I am facing a real problem: I need to set the value of an input using plain and pure javascript but for some reason react.js is not working as expected. Take this example: open this URL <a href="http://autoescolalatorreta.wix.com/latorreta#!contact/c24vq" rel="nofollow noreferrer">http://autoescolalatorreta.wix.com/latorreta#!contact/c24vq</a></p>
  <p>You will see there is an &quot;Email&quot; input field which id is &quot;CntctFrm2emailField&quot;. I try to change the value of it using javascript with this code:</p>
  <pre><code>document.getElementById(&quot;CntctFrm2emailField&quot;).value = &quot;testing@gmail.com&quot;;
  </code></pre>
  <p>But for some reason, React.js is not updating this value on its core cause if you try to send the form (Clicking the SEND button) you will see that it will display an error message saying that the email is not filled right. BUT once I click inside the email field and type any letter and click the SEND button it works fine, I mean, React.js sees the new value.</p>
  <p>So how can I change an input value and have React.js to update that value too?</p>