Material-ui: सामग्री-यूआई पेपर घटक नई लाइन वर्ण को नहीं पहचानता है

को निर्मित 17 नव॰ 2017 · 5टिप्पणियाँ · स्रोत: mui-org/material-ui

मैं मेटेरियल-यूआई पेपर घटक को एक स्ट्रिंग में पारित कर रहा हूं जिसमें एक नई पंक्ति वर्ण है। हालाँकि, पेपर घटक इसे अनदेखा कर रहा है, क्योंकि यह एक नई लाइन शुरू नहीं कर रहा है। क्या यह व्यवहार जानबूझकर किया गया है, या यह एक बग है। प्रश्न में कोड नीचे है (comment.text प्रश्न में स्ट्रिंग है):

<Paper key={index} rounded={false} style={styles.paper}> 
<div>{comment.text}</div> 
<div style={{textAlign: 'right', color: grey500}}>{comment.user + ", " + comment.date}</div> 
</Paper>

question

स्रोत

alexanderwhatley

सबसे उपयोगी टिप्पणी

मैंने इस्तेमाल किया: 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 24 फ़र॰ 2019

👍70 ❤14 🚀4 🎉4 👀2

सभी 5 टिप्पणियाँ

@alexanderwhatley comment.text का मूल्य क्या है? और जो कुछ भी आप उपयोग कर रहे हैं उसके कौन से संस्करण हैं? हमारे द्वारा प्रदान किया जाने वाला टेम्पलेट प्रश्नों का उत्तर अधिक कुशलता से देने में मदद करता है। 😁

m2mathew 17 नव॰ 2017

अरे @ m2mathew , इस बारे में क्षमा करें। सामग्री-यूआई का संस्करण 0.17.4 है, और टिप्पणी का मूल्य है। संदर्भ "हाय कैसे \ n आप हैं?"

alexanderwhatley 17 नव॰ 2017

खैर, इस बारे में सोचें कि डोम इसे कैसे संभालेंगे। अगर मैं एक HTML फ़ाइल में दो <div> s के बीच रखता हूँ, तो मैं \n उम्मीद करूँगा।

चूंकि यह स्पष्ट रूप से MUI से संबंधित नहीं है, इसलिए मैं इस मुद्दे को बंद कर दूंगा। डोम ओवर के भीतर सामग्री को लागू करने में अधिक मदद के लिए स्टैक ओवरफ्लो या इसी तरह के सिर के लिए सुनिश्चित करें।

m2mathew 17 नव॰ 2017

👍1

मैंने इस्तेमाल किया: 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 24 फ़र॰ 2019

👍70 ❤14 🚀4 🎉4 👀2

ऐसा लगता है कि यह "टाइपोग्राफी" घटक पर अतिरिक्त प्रोप के लायक है।

goodwin64 5 दिस॰ 2019

👍12

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Material-ui: सामग्री-यूआई पेपर घटक नई लाइन वर्ण को नहीं पहचानता है

सबसे उपयोगी टिप्पणी

सभी 5 टिप्पणियाँ

संबंधित मुद्दों