从MaterialUI工具提示修复findDOMNode警告的方法如下:
import React, { useRef } from 'react';
import Tooltip from '@material-ui/core/Tooltip';
function ExampleComponent() {
const tooltipRef = useRef(null);
return (
<Tooltip ref={tooltipRef} title="Example Tooltip">
<button>Hover Me</button>
</Tooltip>
);
}
export default ExampleComponent;
在上面的例子中,我们使用了函数式组件ExampleComponent,并使用了useRef()来创建一个tooltipRef引用。然后将tooltipRef引用传递给Tooltip组件的ref属性。这样就可以通过tooltipRef.current来访问Tooltip组件的DOM节点,而不需要使用findDOMNode。
腾讯云云服务器:https://cloud.tencent.com/product/cvm 腾讯云对象存储:https://cloud.tencent.com/product/cos 腾讯云人工智能服务:https://cloud.tencent.com/product/ai
领取专属 10元无门槛券
手把手带您无忧上云