React Curly Brace Issue

Question

尴尬，但我无法弄清楚如何使用JSX在React中编写相当基本的东西。我在网上看过，在这里，但没有任何帮助。我还看了官方的React文档，但即使他们在解释基本的东西，看起来外星人也在向我解释。

我真的只想要一个基本的j查询函数，它的所有语法都出现在屏幕上，但它一直隐藏着我的一个括号。

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

正如你所看到的，它需要另一个大括号。我绝不会尝试执行任何jQuery，这应该显示解释它如何对某人起作用的功能。

Answer 1

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

fiddle

或者您可以将其保存到变量

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

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