客户端渲染 API

带有 createRoot() 的 root API，替换现有的 render() 函数，提供更好的人体工程学并启用新的并发渲染特性。

import { createRoot } from "react-dom/client";import App from "App";const container = document.getElementById("app");const root = createRoot(container);root.render(<App />);

请注意，这个新的 API 现在已从 react-dom/client 模块导出，卸载和水合 API 也发生了变化。

// Unmount component at DOM node:// ...root.unmount();// Hydrationimport { hydrateRoot } from "react-dom/client";// ...const container = document.getElementById("app");const root = hydrateRoot(container, <App tab="home" />);