ReactDOM 包及其用途

每个 React 开发人员都有使用外部库的独特方法。有些人试图将它们的使用限制在核心要素上，而另一些人则几乎所有东西都使用外部库。

在今天的文章中，我们将讨论 React 的基本库之一，称为 ReactDOM。这个包提供了在 React 应用程序中管理 DOM 渲染的必要方法。

React 中的 ReactDOM 包

结合通用的 React 库，这个包是在 React 中构建动态应用程序所必需的。它提供了一个至关重要的 render() 函数，这是任何类组件的基本构建块。

一般来说，这个包提供了与 DOM 交互的方法，使我们能够有效地管理应用程序 DOM。以下是 ReactDOM 包中包含的最基本方法的列表：

• Render()
• findDOMNode()
• unmountComponentAtNode()
• hydrate()
• createPortal()

什么是 DOM 和虚拟 DOM

本质上，DOM（文档对象模型的缩写）是将网页表示为对象。它提供了一个 API 来访问、读取或改变页面的内容。

在 React 流行之前，JavaScript 开发人员使用诸如 jQuery 之类的库来直接更改 DOM。手动 DOM 操作效率低下，因为浏览器会重新渲染整个页面，即使对 DOM 的更改几乎看不到。

React 之所以受欢迎，是因为它提供了一个虚拟 DOM，即 DOM 的任意副本，它可以跟踪更改并一次更新实际 DOM。

这种方法效率更高，因此 Virtual DOM 至今仍是 React 的核心功能之一。ReactDOM 库包含在 React 中与 DOM 交互的基本功能。

在 React 中安装 ReactDOM

过去，ReactDOM 方法包含在泛型包中，但现在我们必须单独导入它们。首先，你必须选择应用程序目录并通过在命令行中输入以下内容来安装包：

npm install react-dom

然后就可以导入了。如果你使用的是现代版本的 JavaScript，你可以使用 import 语句来做到这一点：

import ReactDOM from 'react-dom'

或者，如果你只需要导入一个 render 方法，你可以像这样导入它：

import { render } from 'react-dom'

你可以使用以下模式导入任何其他特定方法。