みかづきブログ その3

3ヶ月つづけてみました。

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