JSX 总结

1、可在花括号中写表达式：{1+1}

2、不可以书写if else 可以写三元运算：{ a ? b = 0 : b = 1}

3、标签内部注释需要使用花括号：{/*   */}，标签外部注释：//或者/*  */

4、允许在模板中插入数组，数组会自动展开所有成员

JSX中数组成员自动展开 类名的数组使用方式

5、标签嵌套，必须只有一个根标签，有且只有一个根标签

6、内联样式的写法

第一种：<h1>的写法为不定义变量名，但如只用一个花括号则会出错，单个{}是内必须是变量或者表达式等js语法，所以此时需要用到两个花括号，最里面的{}等于一个对象，而fontSize是一个属性。第二种：<h2>style使用了一个变量来定义内联样式。

两种写法是一样的意思，只是第一种没有定义变量，而直接赋值了。

内联样式的写法