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

작성자 없음

작성자 정보가 삭제된 글입니다.

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

Card 생성 시 에러가 있습니다

작성

·

166

0

안녕하세요 선생님!

카드만들기 파트 수강중인데 오류가 납니다.

 

LandingPage.js 에서

const renderCards = Products && Products.map((product, index) => {

        //console.log('product', product)

        return <Card
       
        >
            <Meta />
        </Card>

    })

Product && 을 쓰지 않으면 TypeError : Cannot read property 'map' of undefined 에러가 나서 적은게 문제일까요 ..

renderCards 함수를 쓰지 않고 밑에서 <card> <Meta /> <card> 를 return하면 카드가 잘 나오는데

renderCards함수로 카드를 만들려하면 카드가 나오지 않습니다 ㅜㅜ 어떻게 고쳐야 할까요?

 

답변 1

0

John Ahn님의 프로필 이미지
John Ahn
지식공유자

안녕하세요 !!!  
return을 사용하지않고 렌더링 되게 만들고 싶으시단 건가요?!  

const RenderCards = Products && Products.map(product =>  (

<div>

렌더링 할 요소들 

</div>

))

 

{return <div>렌더링 할 요소들</div>} 이거 대신에 위에 처럼 사용해주세요   () <= 이거를 사용하시면 됩니다.

작성자 없음

작성자 정보가 삭제된 글입니다.

질문하기