L'importation d'image fonctionne. Il manque à faire fonctionner la modifiction et le delete avec.

This commit is contained in:
Victor Turgeon
2022-11-01 18:50:32 -04:00
parent f38f4bf44a
commit 9df28d3eed
47 changed files with 198 additions and 34 deletions

View File

@@ -0,0 +1,26 @@
import { useState, useEffect } from "react";
const FeaturedImage = ({ productId }) => {
const [imageSrc, setImageSrc] = useState("/images/default_thumbnail.jpg");
useEffect(() => {
fetch(`https://localhost:7292/api/Image?id=${productId}`)
.then(response => response.blob())
.then(blob => {
const imageUrl = URL.createObjectURL(blob);
setImageSrc(imageUrl);
})
},[]);
return (
<img
className="featured-img"
src={imageSrc}
alt={productId + "_image"}
/>
);
}
export default FeaturedImage;