Реактируйте детей внутри родительского компонента
const purpleContainer = (props) => {
return (
<div style={{ background: 'purple'}}>
{props.children}
</div>
)
}
const mainApp = () => {
return (
<purpleContainer>
<h1>Hello World</h1>
<p>I hope you like the color purple!</p>
</purpleContainer>
)
}
Byron