我有一个组件：
<link rel="stylesheet" type="text/css" href="~/Bootstrap/dist/css/bootstrap-reboot.css">
<svg class="olymp-menu-icon"><use xlink:href="svg-icons/sprites/icons.svg#olymp-menu-icon"></use></svg>
我正在尝试将上面的组件渲染到文档中。我在以下代码中使用测试实用程序const App: React.FC = () => {
return (
<div className="App">
<Typography variant="h3" className="my-title">
My Title
</Typography>
</div>
);
};
：
renderIntoDocument该代码将无法编译，因为it ('renders at all', () => {
const app = TestUtilities.renderIntoDocument(
<App />
);
const appNode = ReactDOM.findDOMNode(app);
expect(appNode).not.toBeUndefined();
});
在尝试呈现React Function组件时返回了void。这导致renderIntoDocument引发错误。检查ReactDom.findDOMNode的界面表明它正在正常工作。
renderIntoDocument使用React函数组件时，还有另一种方法来获取DOM进行测试吗？