みかづきブログ その3

本ブログは更新を終了しました。通算140万ユーザーの方に観覧頂くことができました。長い間、ありがとうございました。

👆

引越し先はこちらです!

pタグ内の改行コードを改行する(Reactで改行を反映したいときなど) 😎

kimizuka.hatenablog.com


JavaScript
<p className="txt">{ this.props.txt }</p>

みたいな感じで、this.props.txtに、

ふるいけや\nかわずとびこむ\nみずのおと

という感じで改行コード入りのテキストを渡したい時、


CSS
.txt {
  white-space: pre-wrap;
}

とCSS側を工夫することで一応改行コードを反映させることができます。
状況によっては便利に使える技です。