title: render textarea control with react-bootstrap and react-redux-form
body: <p>I'm currently rendering input controls like so: </p>
  
  <pre><code>renderField = function({ input, label, name, type, meta: { touched, error, warning } }) {
      return (
        &lt;FormGroup&gt;
          &lt;FormControl {...input} type={type} placeholder={label} /&gt;
          {touched &amp;&amp; error &amp;&amp; &lt;span className="error-text"&gt;{error}&lt;/span&gt;}
        &lt;/FormGroup&gt;
      );
    }
  
    render() {
      const { handleSubmit, pristine, error } = this.props;
  
      return (
        &lt;form onSubmit={handleSubmit(this.onSubmit)} className="profile-form"&gt;
          &lt;Field name="first_name" component={this.renderField} type="text" label="First Name" /&gt;
          &lt;Field name="last_name" component={this.renderField} type="text" label="Last Name" /&gt;
          &lt;Field name="bio" component={this.renderField} type="text" label="Bio" /&gt;
          ...
  
          &lt;Button bsStyle="primary" type="submit" disabled={pristine}&gt;Save Changes&lt;/Button&gt;
        &lt;/form&gt;
      );
    }
  </code></pre>
  
  <p>I want to change the bio field to be a textarea control instead of an input. Is it possible to do this within my <code>renderField</code> function. I'd like to do it there instead of having to replicate for another function such as <code>renderTextArea</code> since that would duplicate a lot of the arguments and bootstrap markup. </p>
  
  <p>I'm not seeing any examples of this in the docs or searches but maybe I'm thinking about it wrong.</p>