Многие языки шаблонов имеют операторы «slots» или «yield», которые позволяют выполнять какое-то обращение управления, чтобы обернуть один шаблон внутри другого.

Угловойопция "transclude".

Rails имеетзаявление о доходности, Если бы в React.js был оператор yield, он бы выглядел так:

var Wrapper = React.createClass({
  render: function() {
    return (
      <div className="wrapper">
        before
          <yield/>
        after
      </div>
    );
  }
});

var Main = React.createClass({
  render: function() {
    return (
      <Wrapper><h1>content</h1></Wrapper>
    );
  }
});

Желаемый вывод:

<div class="wrapper">
  before
    <h1>content</h1>
  after
</div>

Увы, React.js не имеет<yield/>, Как определить компонент Wrapper для достижения того же результата?