JSON文字列のi18nブレークラインに反応してください

Question

私は反応のためにi18nextを使っていますhttps://github.com/i18next/react-i18next。 JSON言語ファイルの文字列内の行を壊すのに苦労しています。

これは、新しい行壊れない私はすでに試した、次のとおりです。

• 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')、

私は明らかにそれぞれの文の後に改行してみてください。これは私がそれを呼び出す方法です：

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

アイデアはありますか？ありがとう！

Answer 1

<br />は正しい方法ですが、本文や翻訳には含まれません。例：

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

ただし、テキスト内の改行（\ n）を維持したい場合は、この使用してdangerouslySetInnerHTMLようにそれを実行します。

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