Viele Vorlagensprachen verfügen über "slots" - oder "yield" -Anweisungen, mit denen eine Art Umkehrung der Steuerung durchgeführt werden kann, um eine Vorlage in eine andere zu packen.

Angular hatOption "transclude".

Schienen hatErtragsaussage. Wenn React.js Yield Statement hätte, würde es so aussehen:

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>
    );
  }
});

Gewünschte Ausgabe:

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

Leider hat React.js kein<yield/>. Wie definiere ich die Wrapper-Komponente, um die gleiche Ausgabe zu erzielen?