webentwicklung-frage-antwort-db.com.de

Reagieren Sie JSX, wie Sie Text mit einem einfachen Anführungszeichen rendern können Beispiel <p> Ich habe </ p>

Wie kann ich in React JSX den folgenden Text ein einzelnes Zitat enthalten? Oder andere Interpunktion, die möglicherweise flüchtet?

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

Trotzdem funktioniert es so wie es ist. 

Es war das IDE, das es als Fehler herausstellte

11
PrimeLens

Sie können & quot html entity verwenden, um ein Zitat in Ihren Text aufzunehmen.

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

ausgabe: Ich habe den Film gesehen.

oder wenn Sie ein einfaches Anführungszeichen verwenden möchten, verwenden Sie die unten stehende Option:

<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>

ausgabe: Ich habe den Film gesehen.

1
abhishek kasana

Dies ist ein guter Grund, den Backtick (`) für Strings zu verwenden, wenn dies sinnvoll ist. 

Der Text in der ursprünglichen Frage wird auch dann funktionieren, wenn die Syntax-Hervorhebung deaktiviert ist. Durch das Verschieben von Zeichenfolgen in eine Konstante können Sie sich jedoch keine Gedanken über Flucht, Hervorhebung machen und sie sind leichter zu finden/zu aktualisieren.

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

const TEXT_FOR_MOVIE = Some text that's "quoted"

0
Gregg B