title: react-bootstrap set value of FormControl
body: <p>As I am trying to set the value of a FormControl using React-Bootstrap I am encountering an error in the console.</p>
  
  <pre><code>invariant.js:44 Uncaught Error: Objects are not valid as a React child (found: [object HTMLTextAreaElement]). If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of `FormGroup`.
  </code></pre>
  
  <p>The FormControl doesn't have a method for value so not sure how else to accomplish this. This is how I am trying to set the value.</p>
  
  <pre><code>&lt;FormGroup controlId="parameterDescription"&gt;
      &lt;ControlLabel&gt;Description&lt;/ControlLabel&gt;
      &lt;FormControl componentClass="textarea" placeholder="Description of parameter function" inputRef={(ref) =&gt; {this.state.description = ref}} readOnly={true}&gt;
          {this.state.description}
      &lt;/FormControl&gt;
  &lt;/FormGroup&gt;
  </code></pre>