考虑以下组件层次结构:
var FundComponent = React.createClass({
render : function() {
return (
<div>
<UserComponent profile={data} />
</div>
);
}
});
var UserComponent = React.createClass({
render : function() {
return (
<div>
Some Stuff goes here
</div>
);
}
});
React.renderComponent(<FundComponent />, document.getElementById('fund'));
这将呈现在我的 HTMLUserComponent
中的#fund
节点内。
如何在我的 HTML 中UserComponent
节点内的特定节点中呈现?fund
例如:
<div id="fund">
<div id="otherStuff">Stuff</div>
<div id="user">**load UserComponentHere**</div>
</div>