Destructuring object and ignore one of the results

Question

I have:

const section = cloneElement(this.props.children, {
  className: this.props.styles.section,
  ...this.props,
});

Inside this.

Answer 1

I like ctrlplusb's answer, but here is an alternative using Object.assign if you don't want to add a new babel preset:

const section = cloneElement(this.props.children, {
    className: this.props.styles.section,
    ...Object.assign({}, this.props, {
        styles: undefined
    })
});