2016-01-21 88 views
2

例如,我们创建这样如何通过可变反应成分

var HelloMessage = React.createClass({ 
    render: function() { 
    return <div>Hello {this.props.name}</div>; 
    } 
}); 

ReactDOM.render(<HelloMessage name="John" />, mountNode); 

一个反应组件,以便我可以将消息传递变量从服务器?像这样

ReactDOM.render(<HelloMessage name="{{ message }}" />, mountNode); 

回答

4

你想要做的事情应该工作。你可以像实例化一个JavaScript变量,你只需要在你的视图服务器端渲染ReactDOM.render调用。无需呈现React组件服务器端,只需在页面上呈现该调用即可。

例如,在您的JavaScript文件中,将组件(HelloMessage)与您展示的一样。

然后,使代码的页面上你的第二个片段(服务器端):

<script type="text/javascript"> 
    ReactDOM.render(<HelloMessage name="{{ message }}" />, mountNode); 
</script>