1. 程式人生 > >react之jsx的使用

react之jsx的使用

end div ren import 三元表達式 react .com ble 使用

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={name} disabled={bool}/>
{/*我是註釋*/}
<p>{html}</p>
//解析空格第二種辦法轉碼,不建議使用,存在XSS攻擊
<p dangerouslySetInnerHTML={{_html:htmls}}></p>
</div>

)
}
}

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

react之jsx的使用