← React Intermediate Questions - Set 12 Q118

What is the difference between `props.children` and `React.cloneElement`?

React Intermediate Questions - Set 12

Example

1
2

<Layout>{children}</Layout>                       // render as given
React.cloneElement(child, { extra: 1 })          // copy with new props

What to notice

• `children` is data; `cloneElement` is the escape hatch when a parent must inject props.