render

一、认识

---

ReactDOM.render() 在提供的container里渲染一个React元素，并返回对该组件的引用。有以下注意点:

1. 当你第一次调用 render 时，React 会在组件渲染到 domNode 中之前，清除掉 domNode 中所有已有的 HTML 内容。如果你的 domNode 中包含了 React 在服务器上或构建过程中生成的 HTML，请使用 hydrate() 代替，它会将事件处理程序附加到现有的 HTML 中。

二、语法

import { render } from 'react-dom';

render(reactNode,domNode,callback?);

• reactNode: 需要展示的 React 节点。这通常是一段 JSX，如 <App />，但你也可以传递使用 createElement() 构建的 React 元素，字符串，数字，null 或是 undefined。

• domNode： DOM 元素。React 会将 reactNode 渲染在该 DOM 元素中。从此刻开始，React 将管理 domNode 中的 DOM，并会在 React 树发生变化时更新它。

• callback: 回调函数。如果编写了该函数，React 将在你的组件放入 DOM 后调用该函数。

三、用法

---