這種有趣的標(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
        
		

網(wǎng)友評(píng)論