javascript - ReactJS，在 React 组件中按类名查找元素

Question

我有一个 React 组件。一些元素将通过子元素插入。其中一些元素将具有特定的类名。我如何才能在我的最外层组件中获取这些 DOM 节点的列表？

<MyComponent>
  <div classname="snap"/>
  <p></p>
  <div classname="snap"/>
  <p></p>
  <div classname="snap"/>
</MyComponent>

我想知道我的组件中插入了多少类名为“snap”的元素。

Answer 1

您可以通过 react-dom 的 findDOMNode 实现它，如下所示:

ReactDOM.findDOMNode(<instance-of-outermost-component>).getElementsByClassName('snap') // Returns the elements

如果需要计数，

ReactDOM.findDOMNode(<instance-of-outermost-component>).getElementsByClassName('snap').length