首页 > 代码库 > 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 hd‘
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的使用
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。