//导入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>) 
 const isLoading=true
 const lodingData=()=>{
     if(isLoading){
         return <div>loading...</div>
     }
     return <div>数据加载完成，此处显示加载后的数据</div>
 }
 const title=(
     <h1>
         条件渲染:
         {lodingData()}
     </h1>
 )
 //第二步渲染React元素
 ReactDOM.render(title,document.getElementById("root"))