2.11 JSX注释表达式

如何在React JSX中使用注释呢？这一点React语法的定义有点特别，注释内容也需要放在大括号“{ }”之中使用，否则注释的内容就会也页面内容的形式显示出来了。下面看一个具体的代码实例：

【代码2-11】（详见源代码目录ch02-react-jsx-exp-comment.html文件）

关于【代码2-11】的说明：

●在第18~24行定义的JSX代码中，第21行代码中放进大括号“{ }”中的注释内容是正确的形式，而第22行代码中没使用大括号“{ }”的注释内容是不正确的形式，将会以页面内容的形式进行显示。

测试网页的效果如图2.10所示。如图中的箭头所示，第22行代码中没使用大括号“{ }”的注释内容在页面中显示出来了，这自然不是设计人员想要看到的效果。

图2.10 React JSX注释表达式