新老React入口写法

// import ReactDOM from 'react-dom'
import { createRoot } from 'react-dom/client'
import { Component } from 'react'
import './index.css'

// 类组件(了解):重点掌握函数组件
// - 使用 ES6 的 class 创建的组件，叫做类（class）组件
// - 约定1：类名称也必须以大写字母开头
// - 约定2：类组件应该继承 React.Component 父类，从而使用父类中提供的方法或属性
// - 约定3：类组件必须提供 render 方法
// - 约定4：render 方法必须有返回值，表示该组件的 UI 结构

class App extends Component {
  render() {
    return (
      <div>
        <h1>我的第一个类组件</h1>
      </div>
    )
  }
}

// 新写法
createRoot(document.getElementById('root')).render(<App></App>)
// 老写法
// ReactDOM.render(<App></App>, document.getElementById('root'))