title: Rendering a string as React component
body: <p>I want to render the react components with a string as the input which i am receiving dynamically from another page. BUt i will have the references for the react components.
  Here is the example</p>
  
  <pre><code>Page1:
  -----------------------------
  loadPage('&lt;div&gt;&lt;Header value=signin&gt;&lt;/Header&gt;&lt;/div&gt;');
  
  Page2:
  --------------------------------
  var React =require('react');
  var Header = require('./header');
  
  var home = React.createClass({
  
  loadPage:function(str){ 
  
             this.setState({
               content : str 
             });
  
    },
  
   render : function(){
  
    return {this.state.content}
   }
  
  });
  </code></pre>
  
  <p>In this example i am receiving Header component as string , and i have the reference of Header component in my receiving page . How can i substitute the string with the actual react component</p>