How to replace \n new line character in string so that
tag can show new line

Question

In a react application I am working on there is a condition that:

when a string has a new line character the

{string} tag in which string is to be displayed should be replaced with HTML new line character.

But of course this does not work.

Things I have already tried but did not work for me:

const string = Hello\nHii

output:

Hello Hii

output:

Hello Hii

I found the above suggestions in the following answers:

Possible duplicate of [Render HTML string as real HTML in a React component](https://stackoverflow.com/questions/39758136/render-html-string-as-real-html-in-a-react-component) — matiit, Oct 31 '18 at 09:10
Not sure if this is helpful, but have you tried splitting the string around `\n`, and then generating a new `
{string}
` for each element of the resulting split? — Daniel Arthur, Oct 31 '18 at 09:12

score 5 · Accepted Answer · answered Oct 31 '18 at 09:14

5

There are two options.

answered Oct 31 '18 at 09:14

UjinT34

1 Answers1