01-react的基本使用

// 导入react和react-dom包 类似 vue 中的 import vue from ‘vue’

import react from 'react'  // 内部的组件
import reactDom from 'react-dom'  // 用于渲染页面UI

// console.log(react)
// console.log(reactDom)

// 创建react元素  
// 参数  1. 元素  2. 属性 【没有就写null】   3. 元素子节点 
// react创建元素并返回
const h1 = react.createElement("h1",{title:"我是标题"},"hello react")
console.log(h1)

// 渲染元素 h1 到页面 id = root 
// 渲染元素 h1 到页面 id = root 
// 渲染元素 h1 到页面 id = root 
reactDom.render(h1,document.querySelector("#root"))