More than 1 year has passed since last update.

react-i18nextでの多言語対応時に改行を入れる

Last updated at 2022-10-14Posted at 2022-10-13

結論

改行したいテキストに以下のcssを適用

css

style {
  white-space: pre-wrap;
}

TailwindCSSを使用している場合、以下のclassを追加

tsx

<div className="whitespace-pre-wrap">
  {some-text}
</div>

テキスト元の改行した場所に\nを追加

json

{
  "some-text": "これは\nテキストです。"
}