介绍
React16-dom 是 React 框架的一部分，它是一个专门用于浏览器的渲染包。当你想使用 React 来构建页面时，你需要在浏览器使用 JSX 转换成 js 并进行渲染，这就需要使用 react16-dom。
React16-dom 的主要功能有：
- 提供了 React 组件渲染的能力
- 处理组件更新，使得组件能够进行高效的重渲染
- 支持虚拟 DOM 以及 React 的事件系统
现在我们就来学习如何使用 react16-dom。
安装
React16-dom 通过 npm 可以很方便地进行安装，你可以通过以下命令进行安装：
--- ------- ------------ ------
这里我们使用了 react-dom@16 的版本。
使用
考虑以下的代码片段：
------ ----- ---- --------
------ -------- ---- ------------
----- --- ------- --------------- -
------------------ -
-------------
---------- - - ------ - --
---------------- - ----------------------------
-
------------- -
--------------- ------ ---------------- - - ---
-
-------- -
------ -
-----
---------- ------------------ ---------
------- -------------------------------- -----------
------
--
-
-
-------------------- --- ---------------------------------这是一个简单的 React 组件，其中 App 组件继承自 React.Component，并包含一个按钮以及点击次数的计数器。点击按钮时，计数器的数值会增加。
在渲染该页面时，我们需要使用 ReactDOM.render 方法，该方法接收两个参数：一个是我们想要渲染的组件，另一个是我们想要将该组件渲染到的 DOM 元素的标识符。
在这个例子中，我们通过 document.getElementById('root') 获取到了一个元素，我们将该元素作为第二个参数传递给 ReactDOM.render 方法。这样，React 就能够将我们的组件渲染到页面上。
事件处理
在上面的代码中，我们为按钮绑定了一个单击事件的处理函数。可以看到，我们传递了一个名为 handleClick 的方法作为 onClick 属性的值。
这个 handleClick 方法会在用户点击按钮时被调用，更新计数器的状态并更新页面。
结论
React16-dom 是 React 框架中的一部分，它是一个用于浏览器的渲染包。React16-dom 提供了 React 组件渲染的能力，处理组件更新并支持虚拟 DOM 以及 React 的事件系统。
在使用 React16-dom 时，我们需要使用 ReactDOM.render 方法将我们的组件渲染到页面上。另外，我们需要为组件绑定事件，并提供事件处理函数。
通过学习本文，你应该可以掌握 React16-dom 的使用方式，从而能够用 React 16 来构建出更加优美、高效的页面。
来源：JavaScript中文网 ，转载请联系管理员！ 本文地址：https://www.javascriptcn.com/post/600574d681e8991b448ea2b4