Material-ui: Die Papierkomponente Material-UI erkennt kein neues Zeilenzeichen
Ich übergebe der Material-UI-Papierkomponente eine Zeichenfolge, die ein neues Zeilenzeichen enthält. Die Papierkomponente scheint dies jedoch zu ignorieren, da sie keine neue Zeile beginnt. Ist dieses Verhalten beabsichtigt oder ist dies ein Fehler? Der fragliche Code ist unten (comment.text ist die fragliche Zeichenfolge):
<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
Alle 5 Kommentare
@alexanderwhatley Was ist der Wert von comment.text ? Und welche Versionen von allem verwenden Sie? Die Vorlage, die wir bereitstellen, soll helfen, die Fragen effizienter zu beantworten. 😁
m2mathew
am 17. Nov. 2017
Hey @ m2mathew , tut mir leid. Die Version von material-ui ist 0.17.4 und der Wert von comment.text ist "Hi wie \ n geht es dir?"
alexanderwhatley
am 17. Nov. 2017
Überlegen Sie, wie das DOM damit umgehen würde. Ich würde erwarten, dass \n gerendert wird, wenn ich das zwischen zwei <div> s in eine HTML-Datei setze.
Da dies nicht explizit mit MUI zusammenhängt, werde ich dieses Problem schließen. Weitere Informationen zum Implementieren von Inhalten im DOM finden Sie unter Stapelüberlauf oder ähnliches.
m2mathew
am 17. Nov. 2017
Ich habe verwendet: style={{whiteSpace: 'pre-line'}}
<Typography
variant="body1"
style={{whiteSpace: 'pre-line'}}
>
{body}
</Typography>
Referenz:
https://stackoverflow.com/questions/39325414/line-break-in-html-with-n
ericksprengel
am 24. Feb. 2019
Es scheint, als wäre es eine zusätzliche Requisite für die "Typografie" -Komponente wert.
goodwin64
am 5. Dez. 2019
Verwandte Themen
TimoRuetten
·
3Kommentare
reflog
·
3Kommentare
mattmiddlesworth
·
3Kommentare
pola88
·
3Kommentare
anthony-dandrea
·
3Kommentare
Hilfreichster Kommentar
Ich habe verwendet:
style={{whiteSpace: 'pre-line'}}Referenz:
https://stackoverflow.com/questions/39325414/line-break-in-html-with-n