What is the difference between the 3?
I understand that cloneElement can be used to pass props onto the original element but why not <children { ...foo} /> or <children foo="bar" /> instead of React.cloneElement(children, { ...props })?
Is rendering { this.props.children } the same as <children />?