Kā React Native operētājsistēmā ievietot rindas pārrāvumu komponentē?

Es gribu ievietot jaunu rindu (piemēram, \r\n,
) teksta komponentē React Native.

Ja man ir:

<text><br />
Hi~<br >
this is a test message.<br />
</text>

Tad React Native atveido Hi~ this is a test message.

Vai ir iespējams atveidot tekstu, lai pievienotu jaunu rindu, piemēram, šādi:

Hi~
this is a test message.
systemovich
Rediģēts jautājums 27pēcpusdienari2t februārī 2019 в 8:39
Programmēšana
text javascript react-native newline
9priekšpusdienari2t septembrī 2015 в 1:29
19 skati
Risinājums

Šim vajadzētu to izdarīt:


Hi~{"\n"}
this is a test message.
Matt McDonald
Rediģēta atbilde 24pēcpusdienari1t septembrī 2019 в 3:38
Komentāri (8)

Jūs varat arī:

{`
Hi~
this is a test message.
`}

Manuprāt, tas ir vienkāršāk, jo jums nav jāievieto virknes iekšienē; vienkārši vienreiz to ietiniet, un tas saglabā visus rindstarpu pārrāvumus.

Komentāri (6)

Man tas nostrādāja

{`Hi~\nthis is a test message.`}

(react-native 0.41.0)

Komentāri (0)