import React from 'react'
import ReactDOM from 'react-dom/client'

// const root = ReactDOM.createRoot(document.getElementById('root'))

// // const h1 = React.createElement('h1', null, 'hello word')
// const p = React.createElement('p', null, '月薪过万')
// const p2 = React.createElement('p2', { id: 123, class: 'title' }, '月薪过万')
// const div = React.createElement('div', null, 'hello', p2, p)
// root.render(div)

const root = ReactDOM.createRoot(document.getElementById('root'))

// const h1 = React.createElement('h1', null, 'hello word')
const el = React.createElement(
  'div',
  null,
  React.createElement('h2', null, '购物列表'),
  React.createElement('li', null, '华为'),
  React.createElement('li', null, '苹果')
)
const p2 = <p>月薪过万！</p>
root.render(p2)