Как заменить/n на linebreaks в response.js?

Question

Я пытаюсь заменить каждый /n на тег <br> в ReactJS. В моем объекте 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> 
     ) 
    }) 
} 

---

Примечание: проблема

ОП был с бэкэндом, который возвращает \\n и показывает, как \n на вкладке XHR preview

Answer 2

Другой подход:

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