react中createroot如何使用，请给我举2个例子

React.createRoot() 是 React 18 中引入的新功能，它允许我们在应用中使用 Concurrent Mode（并发模式）。它可以将一个 React 应用程序渲染到一个容器中。下面是两个使用 React.createRoot() 的例子：

1. 渲染整个应用

我们可以使用 React.createRoot() 渲染整个应用。这个例子中，我们将整个应用渲染到一个具有 ID 为 "root" 的 DOM 元素中。

import React from 'react';
import ReactDOM from 'react-dom';

const App = () => {
  return (
    <div>
      <h1>Hello, World!</h1>
    </div>
  );
};

const rootElement = document.getElementById('root');
const root = ReactDOM.createRoot(rootElement);
root.render(<App />);

2. 渲染部分组件

我们也可以使用 React.createRoot() 渲染部分组件。这个例子中，我们将一个组件渲染到一个具有 ID 为 "container" 的 DOM 元素中。

import React from 'react';
import ReactDOM from 'react-dom';

const Message = () => {
  return <div>Hello, World!</div>;
};

const containerElement = document.getElementById('container');
const container = ReactDOM.createRoot(containerElement);

container.render(<Message />);