Material-ui: Le composant Material-UI Paper ne reconnaît pas le caractère de nouvelle ligne
Je passe au composant Material-UI Paper une chaîne contenant un caractère de nouvelle ligne. Cependant, le composant Paper semble l'ignorer, car il ne démarre pas une nouvelle ligne. Ce comportement est-il intentionnel ou s'agit-il d'un bogue? Le code en question est ci-dessous (comment.text est la chaîne en question):
<Paper key={index} rounded={false} style={styles.paper}>
<div>{comment.text}</div>
<div style={{textAlign: 'right', color: grey500}}>{comment.user + ", " + comment.date}</div>
</Paper>
alexanderwhatley
Tous les 5 commentaires
@alexanderwhatley Quelle est la valeur de comment.text ? Et quelles versions de tout utilisez-vous? Le modèle que nous fournissons est d'aider à répondre aux questions plus efficacement. 😁
m2mathew
le 17 nov. 2017
Hé @ m2mathew , désolé pour ça. La version de material-ui est 0.17.4 et la valeur de comment.text est "Salut, comment vas-tu \ n?"
alexanderwhatley
le 17 nov. 2017
Eh bien, pensez à la façon dont le DOM gérerait cela. Je m'attendrais \n ce que <div> s dans un fichier HTML.
Comme cela n'est pas explicitement lié à MUI, je vais fermer ce problème. Assurez-vous de vous rendre sur Stack Overflow ou similaire pour obtenir de l'aide sur la mise en œuvre de contenu dans le DOM.
m2mathew
le 17 nov. 2017
J'ai utilisé: style={{whiteSpace: 'pre-line'}}
<Typography
variant="body1"
style={{whiteSpace: 'pre-line'}}
>
{body}
</Typography>
Référence:
https://stackoverflow.com/questions/39325414/line-break-in-html-with-n
ericksprengel
le 24 févr. 2019
Il semble que cela vaille la peine d'être ajouté au composant "Typographie".
goodwin64
le 5 déc. 2019
Questions connexes
ghost
·
3Commentaires
TimoRuetten
·
3Commentaires
chris-hinds
·
3Commentaires
mb-copart
·
3Commentaires
ericraffin
·
3Commentaires
Commentaire le plus utile
J'ai utilisé:
style={{whiteSpace: 'pre-line'}}Référence:
https://stackoverflow.com/questions/39325414/line-break-in-html-with-n