title: Correct way to specify a size of a React Component
body: <p>I'm creating a React component that will display some data in a table. 
  Since data are really a potentially big matrix, what I want is creating a sort of a viewport, and this require that my components has some way to specify its size.
  Now I'm doing like this in the component usage:</p>
  
  <pre><code>&lt;PivotGrid width="900" height="350"  dataSource={dataSource}&gt;&lt;/PivotGrid&gt;
  </code></pre>
  
  <p>and internally in the component I'm doing like this:</p>
  
  <pre><code>    var sizeStyle = { 
                  height:this.props.height+"px",
                  width:this.props.width+"px"
              }
              return (
              &lt;div style={sizeStyle} className={this.props.classes.pivotGridContainer}&gt;
  ...
  </code></pre>
  
  <p>Is this an expected way of implementing such a functionality?</p>