Créer un composant Image

Bonjour,

Je travaille avec React et la librairie de composants Evergreen UI.

Je cherche à créer un composant Image comme tel :

Code:

---

1 2 3 4 5 6 7 8 9 10 11 12 13

import { Image } from 'evergreen-ui';   function CarteThumb (sha1: string){   return <Image className="img" height={34} width="auto" src={"https:/monurl/"+{sha1}+".jpg"} />   }   export default CarteThumb;

---

Dans le fichier où j'insère le composant CarteThumb, le sha1 est systématiquement renvoyé comme un objet et non comme chaine de caractères.

Code:

---

<Table.TextCell flexBasis={90} flexShrink={0} flexGrow={0}><CarteThumb sha1={elmt.sha1} /></Table.TextCell>

---

Vu que je débute en React et plus encore en TS (jusqu'à présent j'étais sur JS), je voulais savoir comment faire pour que l'on ait une image affichée.

Merci pour vos retours.

Sylvain

La solution que j'ai trouvé :

Code:

---

1 2 3 4 5 6 7 8 9 10 11

import { Image } from 'evergreen-ui';   const CarteThumb = (props) => {   return <Image className="img" height={34} width="auto" src={"https:/monurl/"+{props.sha1}+".jpg"} />   }

---