“react-dom”的作用是将虚拟dom渲染到文档中变成实际dom；“react-dom”是react开发项目时需要使用的工具包，提供了dom特定的方法，可以在应用程序的顶层使用，也可以作为react模型之外的特殊操作dom的接口。
本教程操作环境：windows10系统、react17.0.1版、dell g3电脑。
react-dom有什么作用在使用react开发网页时，会下载两个包，一个是react，一个是react-dom，其中react包是react的核心代码，react-dom则是react剥离出的涉及dom操作的部分。
react的核心思想是虚拟dom，react包含了生成虚拟dom的函数react.createelement，及component类。当我们自己封装组件时，就需要继承component类，才能使用生命周期函数等。而react-dom包的核心功能就是把这些虚拟dom渲染到文档中变成实际dom。
react-dom是react开发项目时需要使用的工具包，是一种针对dom的平台实现，主要用于在web端进行渲染。react-dom包提供了dom特定的方法，可以在应用程序的顶层使用，也可以作为react模型之外的特殊操作dom的接口。
react-dom主要包含三个api：finddomnode、unmountcomponentatnode 和 render。下面按触发先后顺序进行介绍。
1、render
render用于将react渲染的虚拟dom渲染到浏览器dom，一般在顶层组件使用。该方法把元素挂载到 container 中，并且返回 element 的实例（即 refs 引用），如果是无状态组件，render 会返回 null。当组件装载完毕时，callback 就会被调用。其语法为：
render(reactelement element,domelement container,[function callback])
例如：
import react from 'react'import reactdom from 'react-dom'import router from './router'import { provider } from 'react-redux'import store from './store'// provider react-redux的内容reactdom.render( <provider store={store}> <router/> </provider>, document.getelementbyid('root'))
2、finddomnode
finddomnode用于获取真正的dom元素，以便对dom节点进行操作。
在此之前，首先要知道：在react中，虚拟dom真正被添加到html中转变为真实dom是在组件挂载（render()）后，故而我们可以在componentdidmount和componentdidupdate这两个方法中获取。示例如下：
import { finddomnode } from 'react-dom';<example ref={ node=>{ this.node = node} }> // 利用ref获取example组件的实例const dom = finddomnode(this.node); // 通过finddomnode获取实例对应的真实dom
注意：当涉及复杂操作时，还有很多元素dom api可用，然而dom操作会对性能产生很大影响，所以，应当尽量减少dom操作。
3、unmountcomponentatnode
unmountcomponentatnode用于执行卸载操作，执行在componentwillunmount之前。
推荐学习：《react视频教程》
以上就是react-dom有什么作用的详细内容。