var MyComponent = React.createClass({

  render: function(){

    return <div ref={(el) => {this.parentElement = el}} style={{width: 100, height: 100, background: "red"}} ><div ref={(el) => {this.childElement = el}} >{this.props.children}</div></div>

  },

  componentDidMount(){

    var parentRect = this.parentElement.getBoundingClientRect();

    var childRect = this.childElement.getBoundingClientRect();

    this.setState({parentRect: parentRect, childRect: childRect}, () => {console.log(this.state)});

  }

});

​

ReactDOM.render(<MyComponent>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum pellentesque risus sed ante scelerisque suscipit. Integer id scelerisque libero. Mauris convallis tellus eget ipsum tincidunt aliquet. Lorem ipsum dolor sit amet, consectetur adipiscing elit. In hac habitasse platea dictumst. Integer eget aliquam justo, ut vestibulum lectus. Sed malesuada tristique felis vitae tempus. Mauris id metus sit amet mi semper elementum eget ut mi. Sed neque erat, posuere id pellentesque nec, venenatis in nulla. Nulla pharetra arcu in erat scelerisque sagittis. In mi mauris, hendrerit eget mattis eu, aliquam tempus sapien. Sed rhoncus nisl lectus, ut lobortis urna semper et. Sed iaculis arcu tortor, eu eleifend metus vulputate non.</MyComponent>, document.getElementById("app"));