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

home2 게시판 React 게시판 part2. 상품목록 컴포넌트화 하기

part2. 상품목록 컴포넌트화 하기

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

    조유정
    참가자

    다른곳에서 오탈자를 발견해서 오류는 해결되었습니다.

     

    안녕하세요 선생님!

    컴포넌트를 만드는데 data.js에 코드를 작성하면

    export default [
    {...}, x3 ]

    위 코드가 처음부터 끝까지 노란줄이 생겨요.

    그래서 그런지 app.js에서 아래 코드 두 가지

    1.  shoes.map( (a,i)=>{
          return <Card shoes={shoes[i]} i={i} key={i} />
       } )
    2. return(
    <>
      <img src={'https://codingapple1.github.io/shop/shoes{i}.jpg'} width="100%" alt='' />
      <h4>{ props.shoes.title }</h4>
      <p>{ props.shoes.content } / { props.shoes.price }</p>
    </>
    )
    에서 shoes 개수, data.js의 title/component/price 다 인식하지 못하는 것 같습니다.

    브라우저에서 아무것도 안떠요ㅜㅜ

    어떤 것이 잘못된 걸까요..

    #9637

    codingapple
    키 마스터

    (해결)

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 호 / 개인정보관리자 : 박종흠