Discussion :

[sylvain257]

Bonjour,

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

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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

[sylvain257]

La solution que j'ai trouvé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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"}    />
 
}