我想在 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} />
);
最佳答案
你可以像这样使用React.createElement
var page = {
title: React.createElement(ReactTitle, {title: "My awesome Title"}),
name: "Me myself and I"
};
但在我看来,最好在 NewPage
中使用 ReactTitle
,就像这样
<div className="row">
<ReactTitle title={this.props.page.title} />
<div className="page-header"><h1>{this.props.page.name}</h1></div>
</div>
关于javascript - React JS 传递类作为变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31561856/