JSXJavaScript 和 XML 结合的一种语法,最终通过 转化工具 将 JSX 转化成 JS推荐在 React 中使用 JSX 来描述用户界面,JSX既不是字符串也不是HTML,而是XML与JS的混合体JSX语法:1、允许在JS中书写XML标签2、只能有一个顶层元素3、支持插值表达式 (强大)4、大写字母开头的标签是组件,小写字母开头的标签是html<Html></Html>组件<html></html>html标签插值表达式语法:{表达式}书写 JSX 的时候一般都会带上换行和缩进,这样可以增强代码的可读性同样推荐在 JSX 代码的外面扩上一个小括号,这样可以防止 分号自动插入 的 bugconst element = ( <h1> Hello, {formatName(user)}! </h1>);文本插值<p>{1}</p> //<p>1</p><p>{‘xinxin’}</p> //<p>xinxin</p><p>{true}</p> //<p></p> <p>{false}</p> //<p></p><p>{null}</p> //<p></p><p>{undefined}</p> //<p></p><p>{NaN}</p> //<p>NaN</p> 有警告<p>{ [1,‘ww’] }</p> //<p>1ww</p><p>{ {‘bb’: 12} }</p> //报错属性插值