Children

一、Children介绍

1. 表示组件的所有子节点。
2. Childen是一个例外  不是和组件属性一一对应的。
3. 其实Children也是一种组件之间传值的方式，只不过传的值是组件的整个子节点。
   
4. h5列表标签：<ul>  <ol>  子标签：<li>。

二、使用Children完成列表展示

需求：定义一个列表组件，列表展示内容及其展示数量有父组件决定。

1. 定义列表组件

   var ListComponent = React.createClass({
     render : function (){
       return(
         <ul>
           {
                   /*
                       列表数量以及内容不确定，在创建模板时才能确定。
                       利用this.props.Childen获取父组件的列表内容
   
                       获取到列表项内容后，对Childen遍历拿出每一个item对象标签：使用React.Childen.map这个方法
                       返回值：数组对象，这里的数组中的元素是<li>
                   */
             React.Children.map(this.props.children,function(child){
               return <li>{child}</li>;
             })
           }
         </ul>
       );
     }
   });

2. 渲染界面

   //渲染
   ReactDOM.render(
     <ListComponent>
     <span>hello</span>
     <span>hello</span>
     </ListComponent>,
     document.getElementById("container")
   );

3. 浏览器展示