Crear nuestro primer componente

El código base de este ejercicio lo encuentran en el repositorio, en la carpeta de base_steps, en el archivo step1_App.js Puede copiar el contenido a App.js para ejecutar el mismo, y trabajar sobre el

Practico - Step 1

En este ejemplo, se esta dibujando una lista de Productos, pero no está encapsulado el comportamiento de estos productos.

<div>
    <h1>Tech Training de React!</h1>
    <div className="item">Laptop Asus 8GB Ram i7 USD 500</div>
    <div className="item">Laptop Dell 4GB Ram i5 USD 250</div>
    <div className="item">Laptop Dell 8GB Ram i7 USD 450</div>
</div>

El objetivo es crear un nuevo componente Item para poder usar de forma mas genérica.

Recuerden que este nuevo componente deberá recibir por Props los datos a mostrar:

  • El nombre del producto como un texto

  • Un valor numérico para indicar el precio

Last updated

Was this helpful?