javascript - React JS 传递类作为变量

Question

我想在 ReactJS 中创建类似下面的东西，但我不知道如何做，而且我绝对不想使用 DangerouslySetInnerHTML。这只是一个愚蠢的例子，但我希望它能说明我想要什么。感谢您帮助我!

var page = {
    title: <ReactTitle title={this.props.page.name} />
    name: "Me myself and I"
};

var ReactTitle = React.createClass({
    render: function(){
        return (
            <h1>{this.props.title}
        );
    }
})
var NewPage = React.createClass({
    render: function(){
        return (
            <div className="row">
                {this.props.page.title}
                <div className="page-header"><h1>{this.props.page.name}</h1></div>
            </div>
        );
    }
})

React.render(
    <NewPage page={page} />
);

Answer 1

你可以像这样使用React.createElement

var page = {
    title: React.createElement(ReactTitle, {title: "My awesome Title"}),
    name: "Me myself and I"
};

Example

但在我看来，最好在 NewPage 中使用 ReactTitle，就像这样

<div className="row">
  <ReactTitle title={this.props.page.title} /> 
  <div className="page-header"><h1>{this.props.page.name}</h1></div>
</div>

Example