javascript - 在 React 测试中使用 id 查找组件

Question

我正在尝试测试 React 组件，我发现有两种方法 - findRenderedDOMComponentWithClass 和 findRenderedDOMComponentWithTag。现在，我有一个 div，它有一个与之关联的 id。

如何使用 id 找到特定的 div？ React 有 findRenderedDOMComponentWithId 方法吗？我查看了 React Test Utils 的文档，但没有找到任何具体的内容。

以前有人这样做过吗？

Answer 1

我已将其抽象为实用程序库，但您可以结合使用 ReactDOM.findDOMNode 和 querySelector

const elem = ReactDOM.findDOMNode(component);
const myDiv = elem.querySelector('#myDivId');