title: Possible to multiply or concat JSX?
body: <p>I'm using React along with Font Awesome to create a row of stars. I have a function that takes a number and produces that many stars. I'm trying to find the best way to do this within a react component. Basically, I need to multiply the JSX element by a number to get it to repeat dynamically based on what's passed in:</p>
  
  
  
  <pre class="lang-js prettyprint-override"><code>reviewStars(num) {
      const star = &lt;i className="fa fa-star" aria-hidden="true"&gt;&lt;/i&gt;;
      const getStarCount = star.repeat(num);
      return getStarCount;
    };
  </code></pre>
  
  <p>If the JSX was a string, this would work, but because it's not, I can't call repeat on it (error says star is not a function). I could wrap it in single quotes '' and then replace those, but wondering if there is a better handle to this? Thanks. </p>