Wie ersetzen/n Zeilenumbrüche in react.js?

Question

Ich versuche, in ReactJS jedes /n zu einem <br>-Tag zu ersetzen. In meinem note.note Objekt gibt es eine Zeichenfolge mit mehreren /n drin.

Beispiel note.note:test\ntest\ntest

Was ich in ReactJS versucht:

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

Answer 1

Ihr Code funktioniert gut:

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

---

HINWEIS:

Die OP Problem war, mit dem Backend, die \\n und zeigt als \n in den XHR preview Registerkarte gibt

Answer 2

Einen anderen Ansatz:

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