子组件的代码:
import React, {forwardRef, useRef} from 'react';
const SonComponent = forwardRef((props, formRef) => {
return (
<>
<h3 ref={formRef}>h3元素</h3>
</>
)
})
export default SonComponent;
父组件的代码
import React, {useRef} from 'react';
import SonComponent from "./SonComponent";
function FatherComponent() {
const childrenRef = useRef(null);
const getChildren = () => {
console.log(childrenRef.current)
}
return (
<>
<p>父组件</p>
<SonComponent ref={childrenRef}/>
<button onClick={getChildren}>获取子组件的Dom</button>
</>
);
}
export default FatherComponent;