#react #component #ref #forwardRef #ref전달 forwardRef `forwardRef`는 `React` 라이브러리에서 제공하는 기능 중 하나로, `ref`를 자식 컴포넌트에 전달할 수 있도록 해줍니다. 이 기능을 사용하면 함수형 컴포넌트에서도 `ref`를 사용할 수 있습니다.
예를 들어, 부모 컴포넌트에서 `ref`를 사용하여 자식 컴포넌트에 접근하려고 할 때, 이 기능을 사용하면 함수형 컴포넌트에서도 `ref`를 사용할 수 있습니다. 컴포넌트 import React, { forwardRef } from "react"; import * as Styled from ".
/btn.styled"; import Link from "next/link"; const BtnSquare = forwardRef(({ title, onClick, className, href }, ref) => { return (
![[ React ] 자식 컴포넌트에 Ref 전달하기](https://mblogthumb-phinf.pstatic.net/MjAyMzA3MTdfMTU3/MDAxNjg5NTU2MTMyNzA3.kBb0UIcH1bYeXjhr2ez59BScLrpkHkWq95RXx3H04T0g.VS0p0h4M81a6t9qYKHahShRqoKhfrrj81QHhoKLyrbsg.PNG.twilight_teatime/react.png?type=w2)
#
component
#
forwardRef
#
react
#
ref
#
ref전달
#
부모ref
#
자식컴포넌트
원문 링크 : [ React ] 자식 컴포넌트에 Ref 전달하기
![[ Linux ] 리눅스 명령어. ( 복사 이동 삭제 링크 ip.. )](https://blogimgs.pstatic.net/nblog/mylog/post/og_default_image_160610.png)
![매트리스 고민. [ 스프링 vs 메모리폼 ]](https://mblogthumb-phinf.pstatic.net/MjAyMjEwMjVfMjcx/MDAxNjY2Njc5NjI1NzI3.lzKhsQNtfmn2UMox74QPapJV0R5p2LNhW2GcS6NLWjEg.rqBLuJF8UBoHolq_Pj8Pu4Yhq549nG8FVjYK6e-UadEg.PNG.twilight_teatime/image.png?type=w2)
