react之jsx的使用

标签：export   ret   render   .com   import   pre   inner   三元   efault   

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的使用

标签：export   ret   render   .com   import   pre   inner   三元   efault   

原文地址：http://www.cnblogs.com/cxdxm/p/6863496.html