title: Clear reactJs textarea after submit
body: <p>I have the following form component in a skylight dialog, after submit, if the dialog is reopened containing the form, it contains the previous submitted value. Can anyone please tell me how to stop this and clear the textarea value everytime the dialog is opened?</p>
  
  <p>Here is my component:</p>
  
  <pre><code>var AddNoteForm = React.createClass({
  
  
  componentDidMount: function() {
  
          React.findDOMNode(this.refs.notes).value = "";
  },
  handleSubmit: function (event) {
      event.preventDefault();
  
      var notes = React.findDOMNode(this.refs.notes).value;
  
      var details = {
          studentId: this.props.studentId,
          schoolId: this.props.schoolId,
          notes: notes
      };
  
      this.props.onSubmit(details);
  },
  
  render: function() {
      return (
          &lt;form className="pure-form pure-form-aligned"
              onSubmit={this.handleSubmit}&gt;
              &lt;div className="pure-control-group"&gt;
                  &lt;label htmlFor="notes"&gt;Note&lt;/label&gt;
                  &lt;textarea ref="notes" id="notes" placeholder="Note..." &gt;
                  &lt;/textarea&gt;
  
              &lt;/div&gt;
              &lt;div className="pure-controls"&gt;
                  &lt;input type="submit" value="Save" /&gt;
              &lt;/div&gt;
          &lt;/form&gt;
      );
  }
  });
  
  module.exports = AddNoteForm;
  </code></pre>