首页 > 代码库 > react之jsx的使用

react之jsx的使用

import React from "react"

export default class jsx extends React.Component{
render(){
var name = ‘接受变量‘
var bool = true
var html = ‘sd\u0020sd‘ //解析空格第一种办法转码
var htmls =‘sd&nbsphd‘
return(
<div>bian‘l
<p>{name===‘‘? ‘haha‘:‘‘}</p>
<input type="button" value=http://www.mamicode.com/{name} disabled={bool}/>
{/*我是注释*/}
<p>{html}</p>
//解析空格第二种办法转码,不建议使用,存在XSS攻击
<p dangerouslySetInnerHTML={{_html:htmls}}></p>
</div>

)
}
}

三元表达式的用法:{name===‘‘? ‘haha‘:‘‘}

react之jsx的使用