请问使用react如何获取this.props.children 的对象实例 ？

Question

<Com ref="node" />就像ref 一样可以获取对象实例ref 方法获取对象实例后 就可以看到实例的内部属性， 比如 state 之类的

Answer 1

this.props 对象的属性与组件的属性一一对应，但是有一个例外，就是 this.props.children 属性。它表示组件的所有子节点

var NotesList = React.createClass({render: function() {return (<ol>{React.Children.map(this.props.children, function (child) {return <li>{child}</li>;})}</ol>);}});ReactDOM.render(<NotesList><span>hello</span><span>world</span></NotesList>,document.body);

上面代码的 NoteList 组件有两个 span 子节点，它们都可以通过 this.props.children 读取，运行结果如下。

• hello

• world

这里需要注意， this.props.children 的值有三种可能：如果当前组件没有子节点，它就是 undefined ;如果有一个子节点，数据类型是 object ；如果有多个子节点，数据类型就是 array 。所以，处理 this.props.children 的时候要小心。 
React 提供一个工具方法 React.Children 来处理 this.props.children 。我们可以用 React.Children.map 来遍历子节点，而不用担心 this.props.children 的数据类型是 undefined 还是 object。 

Answer 2

在React中，当涉及组件嵌套，在父组件中使用props.children把所有子组件显示出来。如下： function ParentComponent(props){ return ( {props.children} ) } 如果想把父组件中的属性传给所有的子组件