Reactjs 如何将变量传递给react组件

例如，我们创建一个如下所示的react组件

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

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

var hellomemessage=React.createClass({
render:function（）{
返回Hello{this.props.name}；
}
});
render（，mountNode）；

所以我可以从服务器传递消息变量吗？像这样

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

ReactDOM.render（，mountNode）；

您正在尝试的应该是可行的。您可以像前面所展示的那样实例化JavaScript变量，只需在视图服务器端呈现

ReactDOM.render

调用即可。无需在服务器端呈现React组件，只需在页面上呈现

render

调用即可

例如，在JavaScript文件中，使用组件（

HelloMessage

），如图所示

然后，在页面上呈现第二段代码（服务器端）：

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

render（，mountNode）；