這種有趣的標(biāo)簽語(yǔ)法既不是字符串也不是HTML。
這種形式被稱(chēng)作JSX,他是Javascript的一種擴(kuò)展語(yǔ)法。我們推薦在React中使用這種形式來(lái)描述UI該是什么樣子的。JSX可能會(huì)讓你想起某種模板語(yǔ)言,但是它具有Javascript的全部功能。
JSX會(huì)生產(chǎn)出React“元素”。我們將在下一部分來(lái)探索如何將它渲染到DOM上。接下來(lái),您可以找到JSX的基礎(chǔ)知識(shí),以幫助您開(kāi)始使用。
JSX中嵌入表達(dá)式
您可以在JSX中,通過(guò)一對(duì)大括號(hào)嵌入任何的Javascript表達(dá)式。
比如2+2
,user.firstName
,和formatName(user)
,這些都是可用的表達(dá)式。
function formatName(user) { return user.firstName + ' ' + user.lastName; }const user = { firstName: 'Harper', lastName: 'Perez'};const element = ( <h1> He