"Template" component in React

app.jsx

var AddContact = React.createClass({
  render: function() {
    return <form ref="form">
      <h2>Add {this.props.type}</h2>
      {this.props.children}
      <div>Phone Fields</div>
      <div>Email Fields</div>
      <div>Address Fields</div>
    </form>
  }
})

var AddPerson = React.createClass({
  render: function() {
    return this.transferPropsTo(<AddContact type="Person">
      <div>Person Fields</div>
    </AddContact>)
  }
})

var AddOrganisation = React.createClass({
  render: function() {
    return this.transferPropsTo(<AddContact type="Organisation">
      <div>Organisation Fields</div>
    </AddContact>)
  }
})

var App = React.createClass({
  render: function() {
    return <div>
      <AddPerson/>
      <AddOrganisation/>
    </div>
  }
})