小编典典

如何将一个反应组件传递给另一个反应组件以包含第一个组件的内容?

all

有没有办法将一个组件传递给另一个反应组件?我想创建一个模型反应组件并传入另一个反应组件以嵌入该内容。

编辑:这是一个 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'));

阅读 68

收藏
2022-05-18

共1个答案

小编典典

您可以使用this.props.children来渲染组件包含的任何子项:

const Wrap = ({ children }) => <div>{children}</div>

export default () => <Wrap><h1>Hello word</h1></Wrap>
2022-05-18