title: React Modifying Textarea Values
body: <p>I am working on a project which is basically notepad. I am having problems though updating the &lt;textarea&gt;'s value when an ajax call is made. I tried setting the textarea's value property but then no changes to its value can be made. How can I make it so on a state change the textarea's value changes and can be edited.</p>
  
  <p>The code I have is as follows.</p>
  
  <p>In the parent class </p>
  
  <pre><code>&lt;Editor name={this.state.fileData} /&gt;
  </code></pre>
  
  <p>In the Editor class</p>
  
  <pre><code>var Editor = React.createClass({
  render: function() {
  return (
      &lt;form id="noter-save-form" method="POST"&gt;
      &lt;textarea id="noter-text-area" name="textarea" value={this.props.name}&gt;&lt;/textarea&gt;
      &lt;input type="submit" value="Save" /&gt;
      &lt;/form&gt;
  );
  }
  </code></pre>
  
  <p>}); </p>
  
  <p>I can't use defaultValue because the value of the textarea is not known on page load and when I try and put the data between the textareas nothing happens. I would like it to take the state value whenever the state changes but have it editable in between.</p>
  
  <p>Thanks</p>
  
  <p><strong><em>Edit</em></strong></p>
  
  <p>I managed to get it working using jQuery but would like to do it in React instead, I called this before render:</p>
  
  <pre><code>$('#noter-text-area').val(this.props.name);
  </code></pre>