Trouble understanding JSX spread operator

Question

Given this example code from the React docs:

var props = {};
props.foo = x;
props.bar = y;
var component = ;

Answer 1

This helps make your code more succinct - since props is an object, the spread operator takes the properties of the object you pass in and applied them to the component. So the Component will have properties a foo with a value of x and a bar with a value of y.

It would be the same as:

var component = ;

just shorter