J'utilise le composant de l'avatar de matériau-ui pour afficher les images du profil.Je besoin d'afficher la lettre Avatar lorsqu'il n'y a pas d'image de l'URL donnée. Comment puis-je atteindre cela?.
<Avatar src={ProfileImageUrl} className={classes.avatar}>
{userDetails.fistname.charAt(0)+" "+userDetails.lastname.charAt(0)}
</Avatar>
3 Réponses :
Composant Avatar lui-même a un attribut alternatif tel que la balise img IMG
ALT attribut fonctionne bien pour ma tâche, mais comment puis-je changer d'apparence et ressentir la lettre d'avatar? Y a-t-il un moyen de styles comme lettre avatar
Donc, vous devriez faire un rendu conditionnel, je n'ai jamais travaillé avec des ui matériels mais d'API, j'ai compris que vous devriez avoir une composante avatar avec src et alt ou non SRC pour rendre la version lettre
Vous pouvez utiliser directement attribut directement, ref < Pré> xxx
ou, vous pouvez utiliser une condition pour afficher la lettre par défaut , userdetails objet
S'il y a une erreur dans l'URL mentionnée dans Cela entraînerait une lettre d'avatar.
SRC , le composant Avatar serait retombé aux enfants, c'est-à-dire le texte que vous avez fourni: - { userdetails.fistname.charat (0) + "" + userdetails.lastname.charat (0)} .