从React子元素获取DOM节点

从React子元素获取DOM节点

this.props.children

应该是一个ReactElement或一个ReactElement数组，但不能是组件。

要获取子元素的DOM节点，您需要对其进行克隆并为其分配新的引用。

render() {  return (    <div>      {React.Children.map(this.props.children, (element, idx) => {        return React.cloneElement(element, { ref: idx });      })}    </div>  );}

然后，您可以通过访问子组件

this.refs[childIdx]

，并通过检索其DOM节点

ReactDOM.findDOMNode(this.refs[childIdx])

。