freeCodeCamp/guide/spanish/certifications/front-end-libraries/react/create-a-component-with-composition/index.md

title	localeTitle
Create a Component with Composition	Crear un componente con composición

Crear un componente con composición

Sugerencia 1

Agregue el componente que se va a representar en el componente en el que se va a representar.

Sugerencia 2

Utilice las etiquetas de cierre automático JSX.

Sugerencia 3

El componente que se procesará es ChildComponenet y se representará en ParentComponent

Solución

Lo siguiente representará a ChildComponent en ParentComponent, según sea necesario:

class ParentComponent extends React.Component { 
  constructor(props) { 
    super(props); 
  } 
  render() { 
    return ( 
      <div> 
        <h1>I am the parent</h1> 
        <ChildComponent /> 
      </div> 
    ); 
  } 
 };