title: How to render react component without ReactDOM.render function?
body: <p>Is it possible to render the react component just by referencing it with its name. For example:</p>
  
  <pre><code>&lt;div&gt;
     &lt;MyComponent/&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>All the illustrations and tutorials I have seen, they use ReactDOM.render function to render the component to the target HTML element. But what if I want to repeat the rendering of the component based on server data like this:</p>
  
  <pre><code>&lt;div&gt;
     &lt;?php foreach($items as $item):?&gt;
        &lt;MyComponent passedData="&lt;?=$item['name'];?&gt;"/&gt;
    &lt;?php endforeach;?&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I know I can use componentWillMount method to request the data from a web service and then render the desired HTML but my application is not in this model (does not use web services). The data gets passed from controller to view and view will render the component n number of times based items count queried from database. </p>
  
  <p>Is that possible?</p>
  
  <p>PS: I am new to react and this is my application in react so apologies if I have missed something in tutorials and documentation. </p>
  
  <p>Thanks.</p>