title: Dynamically rendering component from string: ReactJS
body: <p>I was trying to call a component dynamically like this</p>
  
  <pre><code>var Tagname = 'Species';
  options.push(&lt;Tagname {...attrs}/&gt;);
  </code></pre>
  
  <p>And im getting a warning in the console as</p>
  
  <pre><code>Warning: &lt;Species /&gt; is using uppercase HTML. Always use lowercase HTML tags in React.
  Warning: The tag &lt;Species&gt; is unrecognized in this browser. If you meant to render a React component, start its name with an uppercase letter.
  </code></pre>
  
  <p>All other codes are working fine. But this component does not working.
  How can i fix this?</p>