Check out example codes for "html text content new line". It will help you in understanding the concepts better.

Code Example 1

//setting this css style solving problem with new line in textContent
h1.setAttribute('style', 'white-space: pre;');

//add \r\n in text everywhere You want for line-break (new line)
h1.textContent = "this is line one  \r\n and this is line 2";

Learn ReactJs, React Native from akashmittal.com