장바구니 Table Modify!

정수인·2022년 3월 6일
0

React

목록 보기
4/4

내가 원하는 레이아웃

나의 코드에서 나온 레이아웃

mock data의 4개의 목록을 map함수를 사용해서 출력했을 때의 결과이다.
rowSpan속성을 사용해서 위의 중복되는 부분을 병합하려고 했지만 mock data의 목록 수 만큼 출력되는 모습을 볼 수 있었다.


해결!


조건부 렌더링을 사용하여 하나만 출력되도록 고정하여 1개의 배송비 부분만 출력된다.

profile
가치 있는 같이

0개의 댓글