React JSX, как визуализировать текст с одной цитатой? Пример <p>У меня</p>

В React JSX, как я могу включить следующий текст в одну цитату? Или другие знаки пунктуации, которые могут потребоваться экранировать?

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

Ответ 1

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

Ответ 2

Nevermind, он работает так, как есть.

Это была IDE, которая выделяла ее как ошибку

Ответ 3

Это отличная причина использовать обратную черту (') для строк, где это имеет смысл.

Текст в исходном вопросе будет работать нормально, даже если подсветка синтаксиса отключена, но, перемещая строки на константу, вы можете не беспокоиться об экранировании, выделении, и их легче найти/обновить.

const TEXT_FOR_MOVIE = 'Some text that "quoted"'

const TEXT_FOR_MOVIE = Some text that "quoted"

Ответ 4

Вы можете использовать &quot html, чтобы иметь цитату в вашем тексте.

<Text>I&quot;ve seen the movie.</Text>

вывод: я видел фильм.

или можете использовать галочки, если хотите одиночную квоту:

<Text>{'I\'ve seen the movie.'}</Text>

Вывод: я видел фильм.