react with spread vs without spread

with-spread.jsx

'use strict';

var React = require('react');

var Component = React.createComponent({
  getDefaultProps: function () {
    return {
      Component: 'div',
      foo: 'foo',
      bar: 'bar',
      baz: 'baz'
    }
  },
  
  render: function () {
    var { Component, ...rest } = this.props;
    return <Component {..rest} />;
  }
  
});

module.exports = Component;

without-spread.jsx

'use strict';

var React = require('react');

var Component = React.createComponent({
  getDefaultProps: function () {
    return {
      Component: 'div',
      foo: 'foo',
      bar: 'bar',
      baz: 'baz'
    }
  },
  
  render: function () {
    var Component = this.props.Component;
    return <Component foo={this.props.foo} bar={this.props.bar} baz={this.props.baz}  />;
  }
  
});

module.exports = Component;