官方文档

• React18 中文网（新） (opens new window)
• React18 中文网（旧） (opens new window)

1、createRoot()

• 以前

<div id="root"></div>

<script type="text/babel">
  function MyApp() {
    return <h1>Hello, world!</h1>
  }

  ReactDOM.render(<MyApp />, document.querySelector('#root'))
</script>

• react18

多个一个 createRoot 函数

<div id="root"></div>

<script type="text/babel">
  function MyApp() {
    return <h1>Hello, world!</h1>
  }

  // 一步变两步，可以创建多个根
  const root = ReactDOM.createRoot(document.querySelector('#root'))
  root.render(<MyApp />)
</script>