Учитывая этот пример кода из документов React:

var props = {};
props.foo = x;
props.bar = y;
var component = <Component {...props} />;

Я кое-что изучил...props на самом деле оценивает, что это:

React.__spread({}, props)

Что, в свою очередь, оценивается как{foo: x, bar: y}.

Но вот что мне интересно, почему я не могу просто сделать это:

var component = <Component props />;

Я не понимаю, в чем смысл оператора спреда.