title: React bootstrap form textarea row height
body: <p>I am trying to get my text area to display with row height recognition. I've followed several of the suggestions that have been made on this board. </p>
  
  <p>I currently import componentClass from react-bootstrap and in my form field, I have:</p>
  
  <pre><code>&lt;div className="form-group"&gt;
    &lt;label htmlFor="overview"&gt;Outline your proposal&lt;/label&gt;
    &lt;Field
      name="overview"
      componentClass="textarea"
      rows={4}
      className={
        "form-control" +
        (errors.overview &amp;&amp; touched.overview ? " is-invalid" : "")
      }
    /&gt;
    &lt;ErrorMessage name="overview" component="div" className="invalid-feedback" /&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>It still renders in a single line. </p>
  
  <p>What is the hidden secret about making this work with row numbers for text area?</p>