React를 사용할때 '=='과 '==='

    let { id } = useParams();
  	let findProduct = props.shoes.find(function(x){
    	return x.id == id
  	});

react강의를 수강하던 중 이런 코드가 있었다.

props로 shoes의 정보를 전달받아서 해당하는 id에 맞추어 상세페이지를 출력해주는 코드의 일부이다

하지만 이렇게 코드를 짜면 eslint의 오류까지는 아니고 경고가 출력된다.

 '=='를 쓰지말고 '==='를 쓰라고

그래서 '==='로 변경해주면 코드가 작동하지 않는 문제가 발생한다.

여기서 정말 한참 해맸고

결국 chatGPT가 답을 알려줬다.

 

'=='의 경우 느슨하게 대충 값이 맞으면 true로 출력해준다

'==='의 경우 데이터 타입까지 같아야 true로 출력해준다.

여기서 문제가 발생하는 것이엇고

    let { id } = useParams();
    let findProduct = props.shoes.find(function(x){
        return String(x.id) === String(id)
      });

 이렇게 String으로 변환후 '==='를 사용해주면 문제가 해결된다.

 

타입스크립트를 왜쓰는지 이제까지는 그냥 개념만알았는데

몸소 느끼니 빨리 리액트 끝내고 넘어가야지 싶다