javascript/typescript

[react][typescript] .current'은(는) 'null'일 수 있습니다

킹king 2024. 1. 9. 16:48
반응형

 

useRef로 element좀 써주려고 하면 이렇게 뜬다. 그냥 current가 있을 때를 조건으로 걸어주면 된다.

 

 

1. 미리 걸러주기

if (inputRef.current) {
  // 이곳에 코드 쓰기
}

 

참고로 나는 정의할때 이렇게 썼음

const inputRef = useRef<HTMLElement>(null);

 

+추가로 이렇게 썼는데 여전히 그 밑에서 current가 null일 수 있다 이소리를 한다면 느낌표를 활용하자.

if (inputRef.current) {
  gotoPage(inputRef.current!.value);
}

느낌표의 의미는 'null일리없으니까 그대로 진행시켜'라는 의미라고 함.