Material-ui: Komponen Material-UI Paper tidak mengenali karakter baris baru
Saya meneruskan ke komponen Material-UI Paper sebuah string yang berisi karakter baris baru. Namun, komponen Paper tampaknya mengabaikannya, karena tidak memulai baris baru. Apakah perilaku ini disengaja, atau apakah ini bug. Kode yang dimaksud ada di bawah (comment.text adalah string yang dimaksud):
<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
Semua 5 komentar
@alexanderwhatley Berapa nilai dari comment.text ? Dan versi apa dari semua yang Anda gunakan? Template yang kami sediakan adalah untuk membantu menjawab pertanyaan dengan lebih efisien. 😁
m2mathew
pada 17 Nov 2017
Hai @ m2mathew , maaf soal itu. Versi material-ui adalah 0.17.4, dan nilai comment.text adalah "Hai, apa kabar?"
alexanderwhatley
pada 17 Nov 2017
Nah, pikirkan bagaimana DOM akan menangani ini. Saya mengharapkan \n untuk dirender jika saya meletakkannya di antara dua <div> s dalam file HTML.
Karena ini tidak terkait dengan MUI secara eksplisit, saya akan menutup masalah ini. Pastikan untuk menuju ke Stack Overflow atau yang serupa untuk bantuan lebih lanjut dalam mengimplementasikan konten dalam DOM.
m2mathew
pada 17 Nov 2017
Saya menggunakan: style={{whiteSpace: 'pre-line'}}
<Typography
variant="body1"
style={{whiteSpace: 'pre-line'}}
>
{body}
</Typography>
Referensi:
https://stackoverflow.com/questions/39325414/line-break-in-html-with-n
ericksprengel
pada 24 Feb 2019
Sepertinya prop tambahan berharga pada komponen "Tipografi".
goodwin64
pada 5 Des 2019
Masalah terkait
TimoRuetten
·
3Komentar
activatedgeek
·
3Komentar
zabojad
·
3Komentar
sys13
·
3Komentar
pola88
·
3Komentar
Komentar yang paling membantu
Saya menggunakan:
style={{whiteSpace: 'pre-line'}}Referensi:
https://stackoverflow.com/questions/39325414/line-break-in-html-with-n