javascript - React JSX, how to render text with a single quote? Example <p>I've</p>

Question

In React JSX how can I have the following text include a single quote? Or other punctuation that might need escaping?

 return (<p>I've seen the movie.</p>)

question from:https://stackoverflow.com/questions/32979512/react-jsx-how-to-render-text-with-a-single-quote-example-pive-p

Answer 1

Render as a JS string literal (with double-quotes):

return (<p>{"I've seen the movie."}</p>)

... or use the HTML entity for an apostrophe, ':

return (<p>I&apos;ve seen the movie.</p>)