03-jsx中使用js表达式

// 在jsx中使用 js 表达式

/// 通过一个 {} 展示变量即可  vue 中使用 {{}} 展示js表达式

// 什么是js表达式 有结果的 
import reactDom from "react-dom"

// 函数也是表达式
// syntaxError 语法错误
const sayHi = () => {
    return "你好"
}

const span = <span>我是一个span标签但是我也是表达式</span>

const name = "朱龙旭"

const h1 = (<>
        {/*我是jsx的注释内容不显示在页面*/}
        {
            // {}里面就是js的注释内容了 【js注释的写法】
            // 我是注释
            // 我是注释
            // 我是注释
        }
        <h1 className="demo">hellow {name}</h1>
        <h1 className="demo">{sayHi()} {name}</h1>
        <div></div>
        {span}
    </>)
reactDom.render(h1,document.querySelector("#root"))