JavaScript
<p className="txt">{ this.props.txt }</p>
みたいな感じで、this.props.txtに、
ふるいけや\nかわずとびこむ\nみずのおと
という感じで改行コード入りのテキストを渡したい時、
CSS
.txt { white-space: pre-wrap; }
とCSS側を工夫することで一応改行コードを反映させることができます。
状況によっては便利に使える技です。
👆
引越し先はこちらです!
<p className="txt">{ this.props.txt }</p>
みたいな感じで、this.props.txtに、
ふるいけや\nかわずとびこむ\nみずのおと
という感じで改行コード入りのテキストを渡したい時、
.txt { white-space: pre-wrap; }
とCSS側を工夫することで一応改行コードを反映させることができます。
状況によっては便利に使える技です。