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

home2 게시판 JavaScript, TS 게시판 props type 지정 질문입니다

props type 지정 질문입니다

  • 이 주제에는 3개 답변, 2명 참여가 있으며 codingapple2 년 전에 전에 마지막으로 업데이트했습니다.
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #86265

    김창규
    참가자
    props를 다음과 같이 넘겨주고
    
    <Product_fashion Data={fashionData} />
    
    props의 데이터 지정을 이렇게 했는데 어째서인지 부모 컴포넌트에서 계속 에러가 생깁니다
    왜이런지 알 수 있을까요 ㅠ
    export default function Product_fashion(props: { Data: productType[] }) {
      console.log(props.Data);
      return (
         <>
         </>
      );
    }
    
    type alias는 다음과 같이 작성하였습니다
    
    export type productType = {
      category: string;
      description: string;
      id: number;
      image: string;
      price: number;
      rating: {
        rate: number;
        count: number;
      };
      title: string;
    };
     
     
    #86271

    codingapple
    키 마스터
    무슨에러입니까
    #86273

    김창규
    참가자
    'productType[] | undefined' 형식은 'productType[]' 형식에 할당할 수 없습니다.
    'undefined' 형식은 'productType[]' 형식에 할당할 수 없습니다
    .ts(2322)Product_fashion.tsx(3, 50): 필요한 형식은 여기에서 'IntrinsicAttributes & { Data: productType[]; }'
     형식에 선언된 'Data' 속성에서 가져옵니다.
    
    이런식으로 에러가 나오고있습니다 
    
    
    
    #86313

    codingapple
    키 마스터
    fashionData변수가 undefined가 아니면 props전송하라고 if문 써봅시다
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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