反应大括号问题

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