web-dev-qa-db-fra.com

Réagissez JSX, comment rendre du texte avec un seul devis? Exemple <p> j'ai </ p>

Dans React JSX, comment puis-je avoir le texte suivant entre guillemets? Ou une autre ponctuation qui pourrait avoir besoin de s'échapper?

 return (
   <div>
     <p>I've seen the movie.</p>
   </div>     
 )
javascriptreactjsreact-jsx
25
PrimeLens
return (
   <div>
     <p>{"I've seen the movie."}</p>
   </div>
 )
41
Nasrul Faizin

Peu importe, cela fonctionne tel quel. 

C'était le IDE qui le soulignait comme une erreur

11
PrimeLens

Vous pouvez utiliser & quot entité HTML pour avoir une citation dans votre texte.

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

sortie: j’ai vu le film.

ou si vous voulez utiliser les options ci-dessous:

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

<Text>{'I\'ve seen the movie.'}</Text>
{/* you can use both ticks and single quotes depending on your use. */}
<Text>{`I've seen the movie.`}</Text>

sortie: j'ai vu le film.

1
abhishek kasana

C'est une bonne raison d'utiliser le backtick (`) pour les chaînes où cela a du sens. 

Le texte de la question initiale fonctionnera correctement même si la coloration syntaxique est désactivée, mais en déplaçant également les chaînes sur une constante, vous évitez de vous inquiéter des échappements, de la coloration et de leur facilité de recherche/mise à jour.

const TEXT_FOR_MOVIE = `Some text that's "quoted"`

const TEXT_FOR_MOVIE = Some text that's "quoted"

0
Gregg B