React.js (JSX) で <pre>タグ内の改行が消えてなくなるんだけど?
JSX で
<pre>
foo
bar
</pre>
と書くと、レンダリングされる結果は
<pre>foo bar</pre>
となる。
いやいや、pre-formatted text を書きたいんだよ俺は。
幸いにも ES6 (ES2015 っていうのかな? babel です) を使っていたので、次のような方法が使えた。
<pre>
{`
foo
bar
`}
</pre>
これでレンダリング結果は
<pre>
foo
bar
</pre>
となる。
Template string が multi line サポートしてくれてて本当に良かった。
Author And Source
この問題について(React.js (JSX) で <pre>タグ内の改行が消えてなくなるんだけど?), 我々は、より多くの情報をここで見つけました https://qiita.com/kawachi/items/d1ce051f7bfc550d23d5著者帰属:元の著者の情報は、元のURLに含まれています。著作権は原作者に属する。
Content is automatically searched and collected through network algorithms . If there is a violation . Please contact us . We will adjust (correct author information ,or delete content ) as soon as possible .