![thumbnail](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2Fbqtlp6%2FbtrGx34fclE%2Fitiaj0voJF0AxiPDoAJk7K%2Fimg.png)
오류 | Link 태그에 a태그 대신, 컴포넌트 입력시 발생하는 오류(feat. Next.js)
2022. 7. 6. 02:04
공부/오류
Warning: Function components cannot be given refs. Attempts to access this ref will fail. Did you mean to use React.forwardRef()? ❓상황 Next.js 태그에 태그를 넣는것 대신, 컴포넌트를 넣을때 발생하는 오류 🔎 원인 파악 Next.js의 태그로 감싸진 태그는 (onClick, onMouseEnter), ref 총 3개의 필수 속성을 갖는다. 태그 안에 태그를 넣으면, 별 문제없이 잘 동작한다. 회원가입 그러나 컴포넌트를 사용할 경우, onClick, onMouseEnter, ref 속성을 갖도록 해줘야한다. 회원가입 그래서 아래와 같이 ...연산자를 이용하여 속성을 부여했다. const Button..