有没有办法将一个组件传递给另一个反应组件?我想创建一个模型反应组件并传入另一个反应组件以嵌入该内容。
编辑:这是一个 reactJS 代码笔,说明了我正在尝试做的事情。http://codepen.io/aallbrig/pen/bEhjo
HTML
<div id="my-component"> <p>Hi!</p> </div>
反应JS
/**@jsx React.DOM*/ var BasicTransclusion = React.createClass({ render: function() { // Below 'Added title' should be the child content of <p>Hi!</p> return ( <div> <p> Added title </p> {this.props.children} </div> ) } }); React.renderComponent(BasicTransclusion(), document.getElementById('my-component'));
您可以使用this.props.children来渲染组件包含的任何子项:
this.props.children
const Wrap = ({ children }) => <div>{children}</div> export default () => <Wrap><h1>Hello word</h1></Wrap>