React.js: Wrapping one component into another

Question

Many template languages have \"slots\" or \"yield\" statements, that allow to do some sort of inversion of control to wrap one template inside of another.

Angular ha

Answer 1

Try:

var Wrapper = React.createClass({
  render: function() {
    return (
      

        before
          {this.props.children}
        after
      
    );
  }
});

See Multiple Components: Children and Type of the Children props in the docs for more info.