如何遍历组件内的所有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

React提供了一个API，它有助于循环遍历React.Children.map或React.Children.forEach等子元素here。