मैं प्रतिक्रियात्मक मूल में एक पाठ घटक में एक नई लाइन (जैसे \ r \ n, < br/>) डालना चाहता हूं।मैं प्रतिक्रियात्मक मूल में एक टेक्स्ट घटक में लाइन ब्रेक कैसे डाल सकता हूं?
तो मेरे पास है:
Hi~
this is a test message.
मैं अभी परीक्षण नहीं कर सकते:
<text><br />
Hi~<br >
this is a test message.<br />
</text>
फिर मूल निवासी renders Hi~ this is a test message.
यह संभव तो जैसे एक नई लाइन जोड़ने के लिए पाठ प्रस्तुत करना है प्रतिक्रिया लेकिन इसे यह करना चाहिए:
<Text>
Hi~{"\n"}
this is a test message.
</Text>
तुम भी कर सकते हैं:
<Text>{`
Hi~
this is a test message.
`}</Text>
आसान, आप स्ट्रिंग के भीतर सामान डालने के लिए की जरूरत नहीं है क्योंकि; बस इसे एक बार लपेटें और यह आपके सभी लाइन-ब्रेक रखता है।
यह मैं
<Text>{`Hi~\nthis is a test message.`}</Text>
के लिए काम किया (प्रतिक्रिया देशी 0.41.0)
मैं एक पंक्ति समाधान एक त्रिगुट ऑपरेटर में शाखाओं में मेरी कोड अच्छी तरह से दांतेदार रखने के लिए की जरूरत है।
सब पर आप राज्य चर से डेटा प्रदर्शित कर रहे हैं, इस का उपयोग करें:
{foo ? `First line of text\nSecond line of text` : `Single line of text`}
उदात्त वाक्य रचना हाइलाइटिंग लाइन ब्रेक चरित्र पर प्रकाश डाला मदद करता है।
<Text>{this.state.user.bio.replace('<br/>', '\n')}</Text>
आप अपनी स्ट्रिंग के अंत में .replace जोड़ सकते हैं। जैसे
<Text style={styles.cellTitle} numberOfLines={2}>
{item.name.replace('\n', ' ')}
</Text>
यह एक स्थान के साथ \ n को प्रतिस्थापित करेगा।
आप लाइन ब्रेक के रूप में {'\n'} का उपयोग कर सकते हैं। हाय ~ {'\ n'} यह एक परीक्षण संदेश है।
वहाँ चर से तार के साथ यह करने के लिए तो मैं इस्तेमाल कर सकते हैं एक रास्ता है: ' {सामग्री} '? –
@RomanSklenar var someText = 'हाय ~ \ n यह एक परीक्षण संदेश है।'; –
\ n एक लाइन ब्रेक –