IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

React Discussion :

Créer un composant Image


Sujet :

React

  1. #1
    Membre confirmé
    Homme Profil pro
    Enseignant
    Inscrit en
    Novembre 2018
    Messages
    184
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Novembre 2018
    Messages : 184
    Par défaut 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 : 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

  2. #2
    Membre confirmé
    Homme Profil pro
    Enseignant
    Inscrit en
    Novembre 2018
    Messages
    184
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 42
    Localisation : France, Essonne (Île de France)

    Informations professionnelles :
    Activité : Enseignant

    Informations forums :
    Inscription : Novembre 2018
    Messages : 184
    Par défaut
    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"}    />
     
    }

+ Répondre à la discussion
Cette discussion est résolue.

Discussions similaires

  1. Recherche composant image miniature
    Par thebeb dans le forum Windows Forms
    Réponses: 2
    Dernier message: 01/12/2009, 08h04
  2. Composer image + texte
    Par Papy214 dans le forum Windows Forms
    Réponses: 1
    Dernier message: 17/03/2009, 14h04
  3. [WD12] recherche composant image
    Par yann_72 dans le forum WinDev
    Réponses: 3
    Dernier message: 01/08/2008, 09h08
  4. composant image: problème avec setUrl
    Par sky_perrinos dans le forum NetBeans
    Réponses: 1
    Dernier message: 13/01/2008, 01h09
  5. Composant image (feux)
    Par maredami dans le forum Composants VCL
    Réponses: 11
    Dernier message: 17/02/2006, 17h43

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo