文章目录
- 1,不需要引号包围
- 2,JS表达式需要加{ }
- 3,class变成className
- 4,style的值为JS对象,{{ color : ' red ' }}
- 5,只有一个根标签
- 6,标签必须闭合
- 7,不支持自定义标签
1,不需要引号包围
这是一个虚拟DOM。
<h1>你好,世界!</h1>
这是一个普通的字符串。
"<h1>你好,世界!</h1>"
2,JS表达式需要加{ }
显示一个变量的值:
<h1>count:{count}</h1>
3,class变成className
<h1 className="red">你好,世界!</h1>
4,style的值为JS对象,{{ color : ’ red ’ }}
一个JS表达式,里面是个对象。
<h1 style={{color:'pink'}}>你好,世界!</h1>
5,只有一个根标签
可以由小括号包围。
const app = (
<div>
<h1>你好,世界!</h1>
</div>
)
6,标签必须闭合
7,不支持自定义标签
比如,不能够随便地用一个标签名abc。