如何将一个react组件传递到另一个react组件中以屏蔽第一个组件的内容?

是否有办法将一种成分传递到另一种成分?我想创建一个模型react组件,并传入另一个react组件,以便排除该内容

编辑:这里有一个代码笔,说明了我正在尝试做什么。http://codepen.io/aallbrig/pen/bEhjo

HTML

<div id=“我的组件”>
<p>嗨&lt/p>
&lt/部门>

反应

/**@jsx React.DOM*/
var BasicTransclusion=React.createClass({
render:function(){
//下面的“添加标题”应该是<p>Hi!</p>的子内容;
返回(
<div>
<p>添加标题</p>
{this.props.children}
</div>
)
}
});
React.renderComponent(BasicTransclusion(),document.getElementById('my-component');

您可以使用this.props.children呈现组件包含的任何子组件:

const Wrap=({children})=&gt&书信电报;部门>{儿童}&lt/部门>
导出默认值()=&gt&书信电报;包裹&gt&书信电报;h1>你好,word&lt/h1&gt&lt/包裹>

发表评论