React.forwardRef()
親のuseRef()を子コンポーネントに継承できる
利用方法は子コンポーネントをReact.forwardRef()で囲い、propsに続く第二引数でrefを受け取る
code:Parent.tsx
const Parent = () => {
const element = useRef<HTMLInputElement>(null)
return <Child ref={element} />
}
code:Child.tsx
const Child = React.forwardRef<HTMLInputElement>((props,ref) => {
return <input type="text" ref={ref}>
})
+α 他に参考になりそうな記事