react的基本使用

发布时间 2023-04-26 20:33:52作者: 朱龙旭看世界
// 导入react和react-dom包

import react from 'react'
import reactDom from 'react-dom'

// 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"))