這種有趣的標(biāo)簽語法既不是字符串也不是HTML。

這種形式被稱作JSX，他是Javascript的一種擴(kuò)展語法。我們推薦在React中使用這種形式來描述UI該是什么樣子的。JSX可能會(huì)讓你想起某種模板語言，但是它具有Javascript的全部功能。

JSX會(huì)生產(chǎn)出React“元素”。我們將在下一部分來探索如何將它渲染到DOM上。接下來，您可以找到JSX的基礎(chǔ)知識，以幫助您開始使用。

JSX中嵌入表達(dá)式

您可以在JSX中，通過一對大括號嵌入任何的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