title: How to dynamically render JSX component X times?
body: <p>Consider a simple example of the render function of a React component:</p>
  
  <pre><code>render () {
    const rowLimit = this.props.rowLimit ? this.props.rowLimit : 5
    return (
      &lt;tbody&gt;
        {row()}
        {row()}
        {row()}
        {row()}
        {row()}
      &lt;/tbody&gt;
    )
  }
  </code></pre>
  
  <p>Currently <code>rowLimit</code> is useless.. but I would like to use that number to determine how many <code>{rows()}</code>s are rendered. Is there a clean way to do this?</p>
  
  <p>Using a <code>for (let i = 0; i &lt; rowLimit; i++)</code> loop feels clunky... I will award style points for a better solution</p>
  
  <p>Note: <code>row()</code> returns a JSX element</p>