在使用react开发项目的时候,机会都会使用到JSX 语法,它的主要特点就是,凡是使用 到JavaScript 的值的地方,都可以插入这种类似 HTML 的语法。
在使用的时候需要有两个注意的点:
- 所有 HTML 标签必须是闭合的,如果写成
love就会报错。如果是那种没有闭合语法的标签,必须在标签尾部加上斜杠,比如。
- 任何 JSX 表达式,顶层只能有一个标签,也就是说只能有一个根元素。下面的写法会报错。
// 报错,因为根元素的位置有两个并列的标签
const lut=tiantian
520
;
// 不报错,在其外在包裹一个div,就不会报错,因为只允许有一个根元素
const lut=