如何遍歷組件內的所有img標籤？

Question

我試圖找出一種方法，允許我在組件內的所有img標籤上執行forEach循環。我看着findDOMNode，但我相信它僅用於選擇反應組件？

Answer 1

這可能會非常棘手，如果你有很深的嵌套的孩子，但這裏有一些提示：

render() { 

    return (

    {/* add a ref to root node */} 
    <div ref="RootNode"> 
     <p></p> 
     <span></span> 
     <img /> 
     <img /> 
     ... 
    </div> 
); 
} 

然後訪問該元素的孩子是這樣的：

this.refs.RootNode.children 

陣營提供了一個API至極促進循環超過兒童元素here，例如React.Children.map或React.Children.forEach。