React Curly Brace Problem

Question

Peinlich, aber ich kann nicht herausfinden, wie etwas ziemlich einfach in React mit JSX schreiben. Ich habe online geschaut, und auch hier, aber nichts half. Ich habe mir auch die offiziellen React-Dokumente angeschaut, aber selbst wenn sie grundlegende Dinge erklären, scheint es, dass ein Alien es mir erklärt.

Ich möchte buchstäblich nur eine grundlegende j-Abfrage-Funktion mit all seiner Syntax auf dem Bildschirm erscheinen, aber es versteckt eine meiner Klammern.

$('#btn').click(function() your code here }); 

Wie Sie sehen können, nimmt es die andere geschweifte Klammer aus. Ich versuche auf keinen Fall, jQuery auszuführen, das soll die Funktion zeigen, um jemandem zu erklären, wie es funktioniert.

Answer 1

<div>{"$('#btn').click(function() { your code here });"}</div>

fiddle

oder Sie es auf eine Variable

var jQueryExample = "$('#btn').click(function() { your code here });" 

render() { return <div>{jQueryExample}</div> }