TypeError: Cannot read property 'use... - 인프런

따라하며 배우는 노드, 리액트 시리즈 - 쇼핑몰 사이트 만들기[전체 리뉴얼]

카트에 담긴 상품 정보들을 데이터베이스에서 가져오기 #2[삭제 예정]

TypeError: Cannot read property 'userData' of undefined 오류

작성

283

import React, {useEffect} from 'react'
import { useDispatch } from 'react-redux';
import { getCartItems } from '../../../_actions/user_action';

function CartPage(props) {

const dispatch = useDispatch();

useEffect(() => {
let cartItems = []

if(props.user.userData && props.user.userData.cart){
if(props.user.userData.cart.length > 0){
props.user.userData.cart.forEach(item => {
cartItems.push(item.id)
})
dispatch(getCartItems(cartItems, props.user.userData.cart))
}
}
}, [props.user.userData])
return (
<div>
CartPage
</div>
)
}

export default CartPage

cartPage.js에서 props.user.userData의 userData를 읽지 못할 경우 어디를 수정해야 할까요..??ㅠㅠ

웹앱 nodejs react mongodb redux

답변 3

John Ahn

지식공유자

안녕하세요 ethian님
우선 유저 정보가 리덕스 스토어에 들어있는지 체크해볼 수 있을까요?
console.log('props.user', props.user) 를 해서 먼저 유저 정보가 잘 들어있는지 보셔서
안들어있다면 그 부분부터 처리해주셔야 할 것 같습니다 !!!