Material-ui: El componente Material-UI Paper no reconoce el carácter de nueva línea
Estoy pasando al componente Material-UI Paper una cadena que contiene un carácter de nueva línea. Sin embargo, el componente Papel parece ignorarlo, ya que no comienza una nueva línea. ¿Este comportamiento es intencional o es un error? El código en cuestión está debajo (comment.text es la cadena en cuestión):
<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
Todos 5 comentarios
@alexanderwhatley ¿Cuál es el valor de comment.text ? ¿Y qué versiones de todo estás usando? La plantilla que proporcionamos es para ayudar a responder las preguntas de manera más eficiente. 😁
m2mathew
en 17 nov. 2017
Hola @ m2mathew , lo siento. La versión de material-ui es 0.17.4 y el valor de comment.text es "Hola, ¿cómo estás?"
alexanderwhatley
en 17 nov. 2017
Bueno, piensa en cómo el DOM manejaría esto. Esperaría que se renderice \n si lo coloco entre dos <div> s en un archivo HTML.
Dado que esto no está relacionado con MUI explícitamente, cerraré este problema. Asegúrese de dirigirse a Stack Overflow o similar para obtener más ayuda para implementar contenido dentro del DOM.
m2mathew
en 17 nov. 2017
Usé: style={{whiteSpace: 'pre-line'}}
<Typography
variant="body1"
style={{whiteSpace: 'pre-line'}}
>
{body}
</Typography>
Referencia:
https://stackoverflow.com/questions/39325414/line-break-in-html-with-n
ericksprengel
en 24 feb. 2019
Parece que vale la pena un apoyo adicional en el componente "Tipografía".
goodwin64
en 5 dic. 2019
Temas relacionados
ryanflorence
·
3Comentarios
zabojad
·
3Comentarios
sys13
·
3Comentarios
FranBran
·
3Comentarios
rbozan
·
3Comentarios
Comentario más útil
Usé:
style={{whiteSpace: 'pre-line'}}Referencia:
https://stackoverflow.com/questions/39325414/line-break-in-html-with-n