0
点赞
收藏
分享

微信扫一扫

React入门——2,JSX语法

you的日常 2022-03-17 阅读 112

文章目录

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。

举报

相关推荐

0 条评论