码迷,mamicode.com
首页 > 其他好文 > 详细

React 的组件与 this.props对象

时间:2018-07-31 00:26:31      阅读:179      评论:0      收藏:0      [点我收藏+]

标签:技术   解决   img   需要   image   define   htm   react   fine   

1、组件

React 允许将代码封装成组件,然后像插入普通 HTML 标签一样,在网页中插入这个组件。React.createClass 的方法就是用于生成一个组件类。

技术分享图片

 

2、this.props对象

即是对组件标签中的标签属性和子节点构成的集合。

技术分享图片

控制台显示为

技术分享图片

注:this.props.children 的值有3种可能:即当前组件没有字节点时,它就是undefined;如果有一个子节点,数据类型是object;如果有多个子节点时,数据类型就是array。所以处理this.props.children时需要特别注意。

React对此提出了解决方法,即可以用React.Children.map来便历此节点。

技术分享图片

页面显示为

技术分享图片

控制台显示为

技术分享图片

 

React 的组件与 this.props对象

标签:技术   解决   img   需要   image   define   htm   react   fine   

原文地址:https://www.cnblogs.com/vvyng11/p/9393483.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!