这种有趣的标签语法既不是字符串也不是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
        
		

网友评论