Question

例如，我们创建一个像这样的反应组件

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);

Answer 1

你要做的事应该奏效。您可以像显示的那样实例化一个JavaScript变量，您只需在视图服务器端呈现ReactDOM.render调用。无需在服务器端呈现React组件，只需在页面上呈现render调用。

例如，在您的JavaScript文件中，让组件（HelloMessage）与您展示的一样。

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

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

如何将变量传递给反应组件

1 个答案: