ReactNative--JSX语法

jsx入门

jsx不是一门新的语言，是个语法（语法糖）

 

1,jsx必须接住React环境运行
2,jsx标签其实就是HTML标签，只不过我们在JavaScript中书写这些标签的时候，不实用""括起来
可以像XML一样书写

这里的h1就是HTML标签

 

3,转换：jsx语法可以让我们更直观的看到组建的dom结构，不能直接在浏览器上运行，最终会转化成JavaScript代码

上面的一块是jsx语法，下面的是纯js语法，很明显上面的更简单更直观

4, 在jsx中运行JavaScript代码
使用{}括起来 {表达式}

 

5,例如：属性，设置样式，事件绑定