Object spread operator in JSX

components.js

const LabelValue = props => <div>{props.label}: {props.value} ({props.note})</div>;

const ComponentOne = props => {
  const label = 'Label';
  const someValue = 'Value';
  const note = 'Lorem ipsum dolor sit amet';
  
  return <LabelValue {...{
                           label,
                           value: someValue,
                           note
                     }}/>;
};

// is the same as 

const ComponentTwo = props => {
  const label = 'Label';
  const someValue = 'Value';
  const note = 'Lorem ipsum dolor sit amet';
  
  return <LabelValue label={label}
                     value={someValue}
                     note={note}/>;
};