如何將/ n替換爲react.js中的換行符？

Question

我試圖將/n替換爲ReactJS中的<br>標記。在我的note.note對象中有一個字符串，其中有多個/n。

例如note.note：test\ntest\ntest

我曾嘗試在ReactJS：

{ 
    note.note.split('\n').map(function(item, idx) { 
    return (
     <span key={idx}> 
      {item} 
      <br/> 
     </span> 
    ) 
    }) 
} 

Answer 1

您的代碼工作得很好：

{ 
    note.note.split("\n").map(function(item, idx) { 
     return (
      <span key={idx}> 
       {item} 
       <br/> 
      </span> 
     ) 
    }) 
} 

---

注：

的OP問題是與在XHR preview標籤返回\\n並顯示爲\n後端

Answer 2

另一種方法：

{ 
    note.note.split('\n').map((item, idx) => { 
     return (
      <span key={idx}> 
      {item} 
      <br/> 
      </span> 
     ); 
    }) 
}