Javascript 如何循环遍历组件内的所有img标记？

我正在试图找到一种方法，允许我在组件内的所有

img

标记上执行forEach循环。我查看了，但我相信它只用于选择react组件？

如果您有深度嵌套的子级，这可能会很棘手，但这里有一些提示：

render() {

  return (

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

---

React提供了一个API，它有助于在子元素上循环，如

React.children.map

或

React.children.forEach

是的，我的案例是深度嵌套的子元素，我不能对它们使用引用，as react不使用REF呈现它们。然后直接使用

componentDidMount

和/或

componentDidUpdate

上的

jQuery

处理DOM。没有什么神奇的方法可以列出孩子们。在任何情况下，都需要通过添加

ref

或

id

来标识根节点。

this.refs.RootNode.children