title: Trouble understanding JSX spread operator
body: <p>Given this example code from the React docs:</p>
  
  <pre><code>var props = {};
  props.foo = x;
  props.bar = y;
  var component = &lt;Component {...props} /&gt;;
  </code></pre>
  
  <p>I did some looking into what <code>...props</code> actually evaluates to, which is this:</p>
  
  <pre><code>React.__spread({}, props)
  </code></pre>
  
  <p>Which in turn evaluates to <code>{foo: x, bar: y}</code>.</p>
  
  <p>But what I'm wondering is, why can't I just do this:</p>
  
  <pre><code>var component = &lt;Component props /&gt;;
  </code></pre>
  
  <p>I don't see understand what the point of the spread operator is.</p>