Property 'value' does not exist on type 'EventTarget' / 해결법

 

ts를 사용하면서 종종 만났던 value가 eventTarget에 존재하지 않는다는 에러 !

 

Property 'value' does not exist on type 'EventTarget'.

 

나같은 경우에는 input 태그를 사용할때 두번 만났었는데

checkbox할때도 만났고, radio 기능 구현을 할때도 만났었다.

 

 

ts를 하면서 만날때마다 빡취는 저 빨간쥴 ^0^

 

아무튼 에러메세지를 보면 이벤트 타겟에 벨류가 없다고 밑줄이 뜨는데

애초에 저 event.target이라는 애가 어떤 엘리먼트인지를 지정해주면 에러가 해결되었다. 

 

<div className="flex items-stretch">
                  <input
                    name="samename"
                    type="radio"
                    value="전체 공개"
                    onClick={(event) => {
                      const target = event.target as HTMLInputElement;
                      console.log("e:", target.value);
                      setDisplayStatus(target.value);
                    }}
                  />
                  <h3 className="ml-2">전체 공개</h3>
                </div>

요것이 나의 해결 코드!!!

 

radio 버튼이랑 checkbox랑 둘다 저걸로 해결되었당

미래의 나야 또 필요하면 쓰렴 ㅇ_<