In React you can access the inner HTML or the value of a nested component using this.props.children

React accessing child properties

var App = React.createClass({
  render: function() {
    // notice that we have the "Button" and "Heart" components
    return <Button>I <Heart /> React</Button>
  }
});

var Button = React.createClass({
  render: function() {
    // notice that this.props.children gave us the value of both the "Button" and the "Heart" component
    return <button>{this.props.children}</button>
  }
});

var Heart = React.createClass({
  render: function(){
    return <span class="heart">Heart</span>
  }
});

Wow I was looking for if something like this is possible in React!