Material-ui: لا يتعرف مكون ورق واجهة المستخدم المادية على حرف سطر جديد
أنا أمرر إلى مكون Material-UI Paper سلسلة تحتوي على حرف سطر جديد. ومع ذلك ، يبدو أن مكون الورق يتجاهله ، لأنه لا يبدأ سطرًا جديدًا. هل هذا السلوك متعمد أم أن هذا خطأ. الكود المعني أدناه (نص التعليق هو السلسلة المعنية):
<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
ال 5 كومينتر
alexanderwhatley ما هي قيمة comment.text ؟ وما هي إصدارات كل شيء تستخدمه؟ النموذج الذي نقدمه هو للمساعدة في الإجابة على الأسئلة بشكل أكثر كفاءة. 😁
m2mathew
في ١٧ نوفمبر ٢٠١٧
مرحبًا @ m2mathew ، آسف لذلك. إصدار material-ui هو 0.17.4 ، وقيمة comment.text هي "Hi how \ n are you؟"
alexanderwhatley
في ١٧ نوفمبر ٢٠١٧
حسنًا ، فكر في كيفية تعامل DOM مع هذا. أتوقع عرض \n إذا وضعت ذلك بين <div> s في ملف HTML.
نظرًا لأن هذا لا يتعلق بـ MUI بشكل صريح ، فسوف أغلق هذه المشكلة. تأكد من التوجه إلى Stack Overflow أو ما شابه للحصول على مزيد من المساعدة في تنفيذ المحتوى داخل DOM.
m2mathew
في ١٧ نوفمبر ٢٠١٧
لقد استخدمت: style={{whiteSpace: 'pre-line'}}
<Typography
variant="body1"
style={{whiteSpace: 'pre-line'}}
>
{body}
</Typography>
مرجع:
https://stackoverflow.com/questions/39325414/line-break-in-html-with-n
ericksprengel
في ٢٤ فبراير ٢٠١٩
يبدو أنه يستحق دعمًا إضافيًا على مكون "الطباعة".
goodwin64
في ٥ ديسمبر ٢٠١٩
القضايا ذات الصلة
ryanflorence
·
3تعليقات
sys13
·
3تعليقات
ghost
·
3تعليقات
mb-copart
·
3تعليقات
finaiized
·
3تعليقات
التعليق الأكثر فائدة
لقد استخدمت:
style={{whiteSpace: 'pre-line'}}مرجع:
https://stackoverflow.com/questions/39325414/line-break-in-html-with-n