TypeError: null is not an object (ev... - 인프런

핸즈온 리액트 네이티브

6.6 :: 키보드 높이와 useEffect 정리함수

TypeError: null is not an object (evaluating 'inputRef.current.focus')

작성

1.2K

안녕하세요.

차근차근 따라하고 있는 중입니다.

플로팅 버튼 클릭 시 아래 타입 에러가 떠서 질문 드립니다.

TypeError: null is not an object (evaluating 'inputRef.current.focus')

검색해보니

const inputRef = useRef(null);

이부분을

const inputRef = useRef<HTMLInputElement>(null);

이런식으로 수정해서 해결하는거 같은데요.

저렇게 입력 하면

ReferenceError: Can't find variable: HTMLInputElement

에러가 뜹니다.

어떻게 수정하면 될까요?

답변 1

지식공유자

안녕하세요 marvelOppa님,

작업중인 프로젝트를 github에 올리고, 해당 레포링크를 남겨주셔야 자세한 확인이 가능합니다.

현재 에러메시지를 보면, inputRef에 null이 들어가 있는데, focus 함수를 호출해서 문제가 된 것으로 보입니다.

코드 상에서 inputRef에 값이 들어가기 전에 focus를 호출하는 부분이 있을것으로 예상됩니다.

코드를 다시 한 번 차분하게 확인해 보시기 바라며,
만약 확인이 어렵다면 앞서 설명드린대로 github에 현재 문제가 되는 프로젝트 전체를 올리고 레포를 링크로 남겨주세요.

즐거운 하루 되세요

감사합니다.

질문자

안녕하세요(__)

코드를 몇번 살펴봐도 다른점이 없어서 에디터 끄고 터미널 끄고 다시 했더니.. 별 문제가 없길래 totolist는 잘 완료 하였습니다.

감사합니다(__)