J'essaie de casser la chaîne dans les nouvelles lignes et mon code ressemble à ceci:
return (
<>
{`${t('UserName')}: ${Username}\n
${t('FirstName')}: ${FirstName}\n
${t('LastName')}: ${LastName}`}
</>
);
4 Réponses :
Essayez ceci
p>
return (
<>
{`${t('UserName')}: ${Username}`<br>
`${t('FirstName')}: ${FirstName}`<br>
`${t('LastName')}: ${LastName}`}
</>
);Que son affichage dans l'interface utilisateur
J'ai mis à jour la réponse essayez de faire quelque chose comme ça
Actuellement, les caractèresWLINE sont traités de la même manière que l'autre espace blanc en raison de la valeur par défaut de MDN Web Documents: P> Vous pouvez utiliser p> blanche code> qui est normal code>
espace blanc: normal code> - Les séquences d'espace blanc sont effondrées. Caractères Newline dans le
La source est traitée la même chose que l'autre espace blanc fort>. Les lignes sont cassées comme
nécessaire pour remplir des boîtes de ligne. p>
blockQuote> blanc-espace: Pré-ligne code> Si vous devez vraiment faire votre mise en page avec \ n code>. P>
espace blanc: pré-ligne code> - séquences d'espace blanc sont préservées. Les lignes sont cassées à la nouvelle ligne
Personnages forts>, à code>, et si nécessaire pour remplir des zones de ligne. P>
blockQuote>
<div id="root"></div>
Essayez de lui donner une propriété CSS "Whitespace:" Pré-wrap "" Quelques jours de retour, je faisais face au même problème que cela a fonctionné pour moi
Vous voudrez peut-être modifier votre réact.fragmenter sténographique sur div ? Ensuite, ajoutez le style inline: 
Avez-vous essayé
?