客戶端渲染 API

帶有 createRoot() 的 root API，替換現(xiàn)有的 render() 函數(shù)，提供更好的人體工程學(xué)并啟用新的并發(fā)渲染特性。

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

請注意，這個新的 API 現(xiàn)在已從 react-dom/client 模塊導(dǎo)出，卸載和水合 API 也發(fā)生了變化。

// 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" />);