title: React.js -- How to pass properties object to child component?
body: <p>I have a component called <code>tileGroup</code> that has a property that is a collection(array) of other properties.</p>
  
  <p>The parent component(<code>tileGroup</code>) renders a list of child components by using each set of properties in the collection to create a new component.</p>
  
  <p>Right now I am individually mapping each property from the set to the child component but this will become cumbersome if the property count for a component increases and I'm sure there is a cleaner, simpler way to do it...</p>
  
  <p><strong>How can I pass the full set of properties on to the child component without remapping each property?</strong></p>
  
  <p>Example code:</p>
  
  <pre><code>tileGroupData = {someProperty: 'something', someOtherProperty:'something', 
                  tiles: [{vsize:1, hsize:2, etc...}, {vsize:2,hsize:3,title:'whatever'}]};
  </code></pre>
  
  <p>and then component creation..</p>
  
  <pre><code>var tileGroup = React.createClass({
      render: function() {
         var thechildren = this.props.tiles.map(function(tile)
         {
             //this is what I DON'T want to be doing. 
             return &lt;tileSimple vsize = {tile.vsize} hsize = {tile.hsize} content = {tile.content}/&gt;;
  
             //what I DO want to be doing
             return &lt;tileSimple allTheProps = {tile}/&gt;; 
         });
  </code></pre>