好客租房14-在jsx中使用javascript表达式的注意点

注意点

单大括号中可以使用任意的表达式

jsx自身也是js表达式

注意:js中的对是一个例外 写在style样式中

    //导入react

    import React from "react"

    import ReactDOM from "react-dom"

    //第一步创建jsx创建react元素

const fangfang=<p>我是方方</p>
     const name="geyao"
     const sayHi=()=>"geyao"
     const title =(<h1>
         <p className={{color:"red"}}>hello {name}</p>
         <p>{sayHi()}</p>
         <p>{1}</p>
         {fangfang}
     </h1>)

    //第二步渲染React元素

    ReactDOM.render(title,document.getElementById("root"))