# 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>
更新于 : 7/8/2024, 10:21:14 AM