本文摘自PHP中文网,作者青灯夜游,侵删。
react-dom是react开发项目时需要使用的工具包,是一种针对dom的平台实现,主要用于在web端进行渲染。react-dom包提供了DOM特定的方法,可以在应用程序的顶层使用,也可以作为React模型之外的特殊操作DOM的接口。
使用react开发网页的话,我们难免会下载两个包,一个是react,一个是react-dom,其中react是react的核心代码。
react-dom 的 package 提供了可在应用顶层使用的 DOM(DOM-specific)方法,react-dom 包提供了 DOM 特定的方法,可以在你的应用程序的顶层使用,如果有需要,你可以把这些方法用于 React 模型以外的地方,作为 React模型 之外的特殊操作DOM的接口。不过一般情况下,大部分组件都不需要使用这个模块。
如果你使用 npm 和 ES6,你可以用 import ReactDOM from 'react-dom'
进行引入。如果你使用 npm 和 ES5,你可以用 var ReactDOM = require('react-dom')
进行引入。
react-dom的五个接口
1、render()
1 |
|
在提供的 container 里渲染一个 React 元素,并返回对该组件的引用(或者针对无状态组件返回 null)。
如果 React 元素之前已经在 container 里渲染过,这将会对其执行更新操作,并仅会在必要时改变 DOM 以映射最新的 React 元素。
如果提供了可选的回调函数,该回调将在组件被渲染或更新之后被执行。
2、hydrate()
1 2 |
|
3、unmountComponentAtNode()
相关阅读 >>
更多相关阅读请进入《react-dom》频道 >>

Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者