how to add new line in jsx

abdullah itangishaka answered on May 11, 2021 Popularity 10/10 Helpfulness 5/10

answer how to add new line in jsx

how to add new line in jsx

Comment

const text = 'Tommy Vercetti \n Carl Johnson'

// Inside our render function we want to loop through the string:
let newText = text.split('\n').map(i => {
    return <p>{i}</p>
});

// The result :
Tommy Vercetti
Carl Johnson

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: www.jsdiaries.com

Tags: add javascript jsx line

Link to this answer
Share Copy Link

Contributed on Sep 09 2022

abdullah itangishaka

0 Answers Avg Quality 2/10

Closely Related Answers

new line in react js

Comment

<Text>
Hi~{"\n"}
this is a test message.
</Text>

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: stackoverflow.com

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jun 03 2021

Prickly Pygmy

0 Answers Avg Quality 2/10

new line in p tag react

Comment

<br />

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on May 11 2021

Ghaith Alzin

0 Answers Avg Quality 2/10

react new line in string

Comment

const myString = "This is the first line.\nThis is the second line.";

const App = () => {
  return (
    <div>
      <p>{myString}</p>
    </div>
  );
}

ReactDOM.render(<App />, document.getElementById('root'));

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: Grepper

Link to this answer
Share Copy Link

Contributed on Sep 12 2023

YOU.com

0 Answers Avg Quality 2/10

how to add new line in jsx

Contents

More Related Answers