官术网_书友最值得收藏!

2.5 JSX嵌入表達式

React JSX可以支持嵌入表達式,這具體是個什么概念呢?簡單來講,如果我們先聲明定義了一個變量,就可以通過在JSX中引用該變量的方式進行使用。下面看一個具體的代碼實例:

【代碼2-5】(詳見源代碼目錄ch02-react-jsx-exp-embed.html文件)

關于【代碼2-5】的說明:


●第18行代碼中通過const運算符定義了一個常量(name),并初始化為字符串“King”。

●第20~25行代碼定義了JSX常量(reactSpan),其中在第23行代碼中直接通過表達式“{name}”方式嵌入了第19行代碼定義的常量(name)。


測試網頁的效果如圖2.4所示。如圖中的箭頭所示,嵌入JSX的表達式“{name}”成功顯示出了預先所定義的內容(King)。

圖2.4 React JSX嵌入表達式

主站蜘蛛池模板: 体育| 临泽县| 彭州市| 和林格尔县| 英超| 衡南县| 太谷县| 焦作市| 永吉县| 宿松县| 汤阴县| 吉水县| 威海市| 柳江县| 昌江| 托克逊县| 固安县| 阳高县| 张家口市| 北流市| 阿荣旗| 凤山市| 肇东市| 株洲市| 龙州县| 阿拉尔市| 平安县| 平凉市| 思南县| 漳平市| 华坪县| 济宁市| 洞头县| 礼泉县| 甘德县| 吉首市| 喜德县| 南丹县| 谢通门县| 南部县| 平利县|