React 的组件与 this.props对象

Posted vvyng11

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了React 的组件与 this.props对象相关的知识,希望对你有一定的参考价值。

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对象的主要内容,如果未能解决你的问题,请参考以下文章

React中的this.props.children

react props与render成员函数

React组件系统props与状态(state)

React笔记(更新)

React 组件简单演示

react父组件怎么给this.props.children传值