[react] props 상위컴포넌트에서 조건error

 

<Box>
{data && data.length > 0 ? (
  {data?.map(item = > {
		return <MyCommentEdit key={item.boardId} item={item}>
})}
) : (<p>작성한 게시물이 없습니다.</p>) }
		</Box>
	);
};

 

 

위 와 같이 프롭스를 보낼 때 삼항연산자로 조건을 걸어 데이터가 있으면 하위컴포넌트로 프롭스를 보내려고하였다.

 

하지만 계속해서 map 을 돌리려 할때마다 data부분이 오류가 났다.

 

상위컴포넌트에서는 조건을 걸어 사용하는것이 안되고 프롭스로 전체를 넘겨준 후

 

하위 컴포넌트에서 조건을 걸어 사용해야한다.

 

 

 

<Box>
			<p>{nickname}님이 작성하신 댓글입니다.</p>
			<MyCommentEdit
				key={data.commentId}
				data={data}
			/>
		</Box>

 

위 와 같이 전체를 프롭스로 넘기고 하위폴더에서 조건을 걸어 사용해야한다.