使用useImperativeHandle+forwardRef,后者可以不使用
父子组件代码:
import {useRef} from 'react'
import Child from "./child"
//父组件
const Parent=()=>{
const cRef=useRef()
return(
const getChild=()=>{
cRef.current.getdata()//调用子组件的getdata方法
}
<Chile cRef={cRef} />//子组件
<BUtton onClick={getChild}/>
)
}
export default Parent
//子组件
import {useImperativeHandle} from 'React'
type Cprops={
cRef
}
const Child=({cRef})=>{
useImperativeHandle(cRef,()=>({
//这里写上子组件的方法
getdata()
}))
}