2.3 JSX算术表达式 |
|
既然React JSX使用的就是JavaScript语法,那么自然也可以使用JavaScript表达式了。这里需要注意的是,在React JSX中使用JavaScript表达式要使用大括号“{}”括起来。
React JSX中的JavaScript表达式有很多种形式,先看一个最简单的JavaScript算术表达式的代码实例,具体如下:
【代码2-3】(详见源代码目录ch02-react-jsx-exp-arithmetic.html文件)
关于【代码2-3】的说明:
测试网页的效果如图2.2所示。页面中成功显示了表达式“3 + 6”的运算结果“9”。
图2.2 React JSX中的JavaScript计算表达式