这种有趣的标签语法既不是字符串也不是HTML。
这种形式被称作JSX,他是Javascript的一种扩展语法。我们推荐在React中使用这种形式来描述UI该是什么样子的。JSX可能会让你想起某种模板语言,但是它具有Javascript的全部功能。
JSX会生产出React“元素”。我们将在下一部分来探索如何将它渲染到DOM上。接下来,您可以找到JSX的基础知识,以帮助您开始使用。
JSX中嵌入表达式
您可以在JSX中,通过一对大括号嵌入任何的Javascript表达式。
比如2+2
,user.firstName
,和formatName(user)
,这些都是可用的表达式。
function formatName(user) { return user.firstName + ' ' + user.lastName; }const user = { firstName: 'Harper', lastName: 'Perez'};const element = ( <h1> He