[JSX] Add <Component {property}> shorthand for <Component property={property}>

[denvned]

Currently JSX supports the following syntax:

<Component {...properties}>

That works analogously to ES6:

var object = {...properties};

Below I am proposing to extend this syntax.

In ES6 I can write:

var object = {property};

as a shorthand for:

var object = {property: property};

I think that analogous syntax for JSX would be handy:

<Component {property}>

as a shorthand for:

<Component property={property}>

and also for:

<Component {...{property}}>

Furthermore, allowing the following would be even better:

<Component {propertyA, ...propertySetA, propertyB: valueB, ...propertySetB}>

as a shorthand for:

<Component propertyA={propertyA} {...propertySetA} propertyB={valueB} {...propertySetB}>

[syranide]

Probably best submitted and discussed here: https://github.com/facebook/jsx

[denvned]

Sorry. Looks like a dup of facebook/jsx#23