Este es un componente de React que muestra un producto con su imagen, nombre, precio y un botón para agregar al carrito.
Componente de React de prueba de despliegue en NPM
import { ProductCard, ProductImage, ProductTitle, ProductButtons } from 'react-product-card-component';
Usage:
<ProductCard
product={product}
initialValues={{
count: 4,
// maxCount: 10
}}
>
{({
count,
isMaxCountReached,
maxCount,
product,
increaseBy,
reset,
})=> (
<>
<ProductImage />
<ProductTitle />
<ProductButtons />
</>
)}
</ProductCard>