React的jsx语法,详细介绍和使用方法!

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

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

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

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

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

相关文章
相关标签/搜索