Réagir i18n lignes de rupture dans JSON String

Question

Je travaille avec i18next pour réagir https://github.com/i18next/react-i18next. J'ai du mal à casser des lignes dans la chaîne dans mon fichier de langage JSON.

C'est ce que je l'ai déjà essayé, qui ne casse pas une nouvelle ligne:

• line: "This is a line. \n This is another line. \n Yet another line",
• line: ("This is a line."+ <br/> + "This is another line. \n Yet another line"),
• line: ('This is a line. <br/> This is another line. \n Yet another line'),

J'ai évidemment essayez de faire une nouvelle ligne après chaque phrase. Voici comment je l'appelle:

<TooltipLink onClick={() => { 
    this.toggleHelpTextDialog(t('test:test.line')); 
}}/> 

Des idées? Merci!

Answer 1

<br /> est la bonne façon, mais elle ne va pas dans le texte ou les traductions. Exemple:

<div> 
    {'my text line 1'} 
    <br /> 
    {'my text line 2'} 
</div> 

Cependant, si vous voulez garder les sauts de ligne (\ n) à l'intérieur du texte, puis le faire comme ceci en utilisant dangerouslySetInnerHTML:

const text = "This is a line. \n This is another line. \n Yet another line"; 
<div dangerouslySetInnerHTML={text} />