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

home2 게시판 React 게시판 url 파라미터로 상세페이지 100개만들기 숙제

url 파라미터로 상세페이지 100개만들기 숙제

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

    김현주
    참가자
    숙제를 따라했는데 계속 에러가 뜨네요 왜 그럴까요?ㅜㅜ
    
    Uncaught TypeError: Cannot read properties of undefined (reading 'title')
        at Detail (Detail.js:20:1)
    
    
    import { useParams } from 'react-router-dom';
    const Detail = (props) => {
      let { id } = useParams();
      let product = props.shoes.find( x => x.id === id);
      console.log(product);
      console.log(id);
      return (
        <div className="container">
          <div className="row">
            <div className="col-md-6">
              <img
                src="https://codingapple1.github.io/shop/shoes1.jpg"
                width="100%"
                alt=""
              />
            </div>
            <div className="col-md-6">
              <h4 className="pt-5">{product.title}</h4>
              <p>{product.content}</p>
              <p>{product.price}</p>
              <button className="btn btn-danger">주문하기</button>
            </div>
          </div>
        </div>
      );
    };
    export default Detail;
     
    #45832

    codingapple
    키 마스터
    .find( x => x.id === id); 등호를 2개 써봅시다
    #45845

    김현주
    참가자
    혹시 App.js코드를 볼 수 있을까요??ㅇㅁㅇ 그게 문제인거 같은데ㅜㅜ 강의 뒤져봐도 App.js 다 볼 수가 없어서ㅜㅜ
    #45846

    김현주
    참가자
    2개로 고치면 더 오류 나더라구요
    #45884

    codingapple
    키 마스터
    /detail/1로 접속했는지 shoes라는 props도 잘 전해줬는지 확인합시다
5 글 보임 - 1 에서 5 까지 (총 5 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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