反应花括号问题

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