购买
下载掌阅APP,畅读海量书库
立即打开
畅读海量书库
扫码下载掌阅APP

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计算表达式 XunN4lBOUrs6pAKfBaay6y6IsdWJqYuR1Pfs4a2ndeegX4Rt8CNf1yHJUzNADOoN

点击中间区域
呼出菜单
上一章
目录
下一章
×