인프런 커뮤니티 질문&답변

한재혁님의 프로필 이미지

작성한 질문수

풀스택 리액트 라이브코딩 - 간단한 쇼핑몰 만들기

4일차 장바구니에서 오류가 납니다.

해결된 질문

23.02.14 17:28 작성

·

319

0

안녕하세요 4일차 공부를 하던중 willpay를 cart 에서 밖으로 꺼내 willpay-index.tsx 로 변경하게 되면서 캡처.JPG이러한 오류가 뜨면서 장바구니가 담아지지 않습니다.(장바구니가 비어있을 때는 비어있다는 텍스트는 출력이됩니다) 코드상 오류 표시는 안나는데 해결이 안되서 여쭤봅니다. 감사합니다.

답변 1

0

정재남님의 프로필 이미지
정재남
지식공유자

2023. 02. 14. 17:32

코드를 보여주셔야 알 수 있겠네요.
깃헙에 올려서 공유해 주세요.

일단 에러메시지만 봤을때는

createdAt이라는 정보를 읽어오려는 대상이 객체가 아닌 undefined라고 합니다.
createdAt 프로퍼티를 보유한 객체가 왜 undefined인지를 찾아내면 되겠네요.

한재혁님의 프로필 이미지
한재혁
질문자

2023. 02. 15. 18:56

https://github.com/JaeHyuk1217/JH_mall/tree/master/shopping-mall/src

입니다. 확인 부탁드립니다.

감사합니다.

정재남님의 프로필 이미지
정재남
지식공유자

2023. 02. 16. 01:54

  1. mocks/handler.ts 파일에 오타가 있네요.
    createAt => createdAt

  2. components/cart/index.tsx 파일의 아래 부분이 잘못되었습니다.

    const enabledItems = items.filter(item => item.product.createdAt)

    item에는 product 프로퍼티가 없습니다. item.createdAt으로 작성하시면 되겠습니다.