如何引用react-dom

安装react-dom

在项目中安装react-dom需要使用npm或yarn。打开终端并运行以下命令之一：

npm install react-dom

yarn add react-dom

导入react-dom

在React项目中，通常需要在入口文件（如index.js或main.jsx）中导入react-dom。使用createRoot和render方法将React应用挂载到DOM节点上：

import { createRoot } from 'react-dom/client';

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

传统渲染方式（React 17及之前版本）

对于旧版本React，可以使用ReactDOM.render方法：

import ReactDOM from 'react-dom';

ReactDOM.render(<App />, document.getElementById('root'));

服务端渲染（SSR）

如果需要服务端渲染，可以导入react-dom/server：

import { renderToString } from 'react-dom/server';

const html = renderToString(<App />);

类型定义（TypeScript项目）

在TypeScript项目中，确保安装了对应的类型定义：

npm install --save-dev @types/react-dom