- React.js 16從入門到實戰
- 王金柱
- 265字
- 2020-04-24 14:13:59
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嵌入表達式
推薦閱讀
- CockroachDB權威指南
- Python數據可視化:基于Bokeh的可視化繪圖
- vSphere High Performance Cookbook
- R語言數據可視化之美:專業圖表繪制指南
- Mastering Entity Framework
- Python從入門到精通(精粹版)
- Mastering PHP Design Patterns
- Redis Essentials
- 軟件項目管理實用教程
- 零基礎入門學習Python
- Scala程序員面試算法寶典
- HTML5從入門到精通 (第2版)
- Mastering JavaScript High Performance
- R語言與網絡輿情處理
- 運用后端技術處理業務邏輯(藍橋杯軟件大賽培訓教材-Java方向)