title: Reactjs Render component dynamically based on a JSON config
body: <p>I have a following config as JSON</p>
  
  <pre><code>var componentConfig = {
  content: { type: "ContentContent", data: "content"},
  new_content: { type: "ContentFormContent", data: "content"}
  }
  </code></pre>
  
  <p>In react rendercomponent, is it possible to pass the component name dynamically to react render.</p>
  
  <p>for e.g in this rendercomponent instead of putting the ContentFormContent directly is it possible to pass the data from json config and i can loop or something. </p>
  
  <pre><code>React.renderComponent(&lt;ContentFormContent data={[componentConfig.new_content.data]} /&gt;, body);
  </code></pre>
  
  <p>SO i will have a list of pages in json config and based on the selection of particular nav i will render the component based on its 'type' from the json file</p>