• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 router3 filter 문제

router3 filter 문제

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #110180

    이윤미
    참가자
    function Detail(props){
        let {id} = useParams(); //App.js에서 사용한 파라미터 가져오기
        let 찾은상품 =props.shoes.filter(function(x){      
           
            return x.id = id        
        });
        return(
            <div className="container">
              <div className="row">
              <div className="col-md-6">
                <img src="https://codingapple1.github.io/shop/shoes1.jpg" width="100%" />
              </div>
              <div className="col-md-6">
                <h4 className="pt-5">{찾은상품[id].title}</h4>
                <p>{찾은상품[id].content}</p>
                <p>{찾은상품[id].price}</p>
                <button className="btn btn-danger">주문하기</button>
              </div>
              </div>
            </div>
          )
       
      }
    
    위의 조건식에서 x.id = id 하면 오류없이 잘 작동되는데
    x.id == id 나 x.id === id로 하면 
    Cannot read properties of undefined오류 뜹니다.
    
    근데 두 개 체크해서 타입확인해보니 x.id는 number , id는 string나와서
    id 타입을 숫자로 변환하고 == 나 === 사용해도 같은 오류가 뜨는데
    
    혹시 제가 어떤 실수를 한걸까요
    #110194

    codingapple
    키 마스터
    shoes props로 잘보내고 있나 확인해봅시다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠