Rendering a string as React component
<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>