React学习手册

React

进阶

｜

67

React

元素的

type

属性是用来告知

React

需要创建的元素是

HTML

还是

SVG

元素。

pros

属性表示构建一个

DOM

元素所需的数据和子元素。

children

属性是用来将其他嵌套

元素当作文本显示的。

创建元素时的注意事项

我们仔细地查看

React.createElement

返回的对象后，会发现其中的内容和手

动编码创建元素完全不同。用户必须一直使用

React.createElement

或者工厂

类（

factory

）创建

React

元素，工厂类的详情将会在本章结尾部分深入介绍。

ReactDOM

ReactDOM

中包含在浏览器中渲染

React

元素必需的工具。

ReactDOM

中还可以找到诸

如

renderToString

和

renderToStaticMarkup

方法，它们主要用于服务器端渲染。上述

内容将会在第

12

章详细介绍。所有根据虚拟

DOM

生成

HTML

必需的工具都可以在该脚

本库中找到。

我们在使用

ReactDOM.render

渲染一个

React

元素时，还能将其子节点一同渲染到

DOM

上。我们希望渲染的元素是通过第一个参数传递的，第二个参数代表目标节点，即渲

染元素的具体位置：

var dish = React.createElement("h1", null, "Baked Salmon")

ReactDOM.render(dish, document.getElementById('react-container'))

将标题元素渲染到

DOM

中时，将会把

h1

标签元素添加到

id