How to create new line in React?

Question

Hello how can I divide it into 2 different lines? Then it's called inside of div in different class.

this.setState({errorMessage:"First Line. Second Line"});

@DennisVash Not sure if that's exactly what OP wanted! – Praveen Kumar Purushothaman Dec 03 '20 at 14:33 — Praveen Kumar Purushothaman, Dec 03 '20 at 14:33
@MonteCristo Don't suggest that point. – Praveen Kumar Purushothaman Dec 03 '20 at 14:33 — Praveen Kumar Purushothaman, Dec 03 '20 at 14:33

score 0 · Answer 1 · answered Dec 03 '20 at 14:32

0

Use a <div> or <p> tag with <br /> tag. You can use any of the following:

this.setState({ errorMessage: <div>First Line.<br />Second Line</div> });
this.setState({ errorMessage: <p>First Line.<br />Second Line</p> });

A quick tip will be, don't use dangerouslySetInnerHTML, which might get you into more troubles.

answered Dec 03 '20 at 14:32

How else would you render it? – MonteCristo Dec 03 '20 at 14:34
@MonteCristo I *just answered* how to render it. Just telling that there are more troubles in the other way. – Praveen Kumar Purushothaman Dec 03 '20 at 14:35
ahh I see what you did there... I was thinking that it would be a html string. yeh make sense :) – MonteCristo Dec 03 '20 at 14:37
@MonteCristo Oh, you mean this? **https://codesandbox.io/s/loving-glade-47p7m?file=/src/App.js** – Praveen Kumar Purushothaman Dec 03 '20 at 14:37

1 Answers1