December 2017
Intermediate to advanced
329 pages
6h 9m
Chinese
Content preview from React学习手册
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.
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
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access
More than 5,000 organizations count on O’Reilly
O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.Julian F.
I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.Addison B.
I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.Amir M.
I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.