react中使用pre标签的问题

Question

演示地址：
http://codepen.io/fonglezen/pen/RrPZvm

正常情况下不应该会自动换行的么？
再react中，却没有换行了。求解。。。

Answer 1

JSX会去换行的，所以你需要这么干

<pre>
    {`床前明月光
疑是地上霜
举头望明月
低头思故乡`}
</pre>

此答案来自·引证·大神指点,非本人原创。

Answer 2

<pre>
    床前明月光{'\n'}
    疑是地上霜{'\n'}
    举头望明月{'\n'}
    低头思故乡
</pre>