首页 > 其他 > 详细

React 的组件与 this.props对象

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

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对象

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

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!