React Render les enfants à l'intérieur du composant parent

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