React的jsx语法，详细介绍和使用方法！

Posted 2022-07-02 lishixiang-007

jsx语法
一种混合使用html及javascript语法的代码
在js中 遇到<xx>即开始html语法 遇到</xx>则结束html语法 恢复成js语法

例如:
let Dom = <a href="javascript:;">按钮</a>

在html的范围内 若想使用js 则用 "" 将js代码括起来即可
例如:
let url = "https://www.baidu.com"

let Dom = <a href=url>百度</a>

由于在jsx中 class是关键字 故 在jsx内的html部分 class应该写成className
例如: <a className="btn" >按钮</a>