如何使用ReactJS（+ Redux）系統地將換行符添加為內部HTML？

Question

我在組件之一中有這些代碼： <p>{ result }</p> 。 result將類似於以編程方式生成的'asd\\n123' 。

但是，瀏覽器中的結果是“ asd 123”。 看來，換行符不能很好地作為內部HTML接收。 如何在網絡瀏覽器中顯示“ asd”然后換行，然后顯示“ 123”？

Answer 1

嘗試：

var result = 'asd' + (String.fromCharCode(13, 10) + 123;
<p>{ result }</p>

在ES6中：

var result = `asd${String.fromCharCode(13, 10)}123`;
<p>{ result }</p>

或者，您必須替換\\ n：

result.split('\n').join(String.fromCharCode(13, 10));
<p>{ result }</p>

工作片段：

 var result = "some\\nstring"; var res = result.split('\\n').join(String.fromCharCode(13, 10)); console.log(res); 

Answer 2

基於@casraf的評論，我將代碼修改為：

{ result != undefined ? result.split('\n').map(line => <p>{ line }</p>) : '' }

解決這個問題。