react之jsx的使用

Posted 2020-09-18 吃草的虾米

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‘:‘‘}