在子組件中我們可以使用下面兩個方法去暴露你所要放行的屬性或方法👇
1.useImperativeHandle
2.orwardRef
搭配使用例子
import React, { useState, forwardRef, useImperativeHandle } from "react"function Son(props, ref) {const [data] = useState(0)const getData = ()=>{return data}useImperativeHandle(ref, () => {return {getData,data}});return (<div>{data}</div>)
}export default forwardRef(Son)
父組件可以直接使用useRef去獲取子組件實例通過.current獲取到對應的方法和屬性