好客租房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"))