ajax2 강의 에서 더보기 클릭 시, 카드 컴포넌트 줄바꿈

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

글쓴이

글

2024년 4월 16일 16:58 #120474

참가자

강의 화면에서는 더보기 클릭해서 데이터 더 불러오면 카드 컴포넌트 3개 다음 줄바꿈되서 다음 3개가 나오는데
왜 저는 6개가 한줄에 나올까요?
어떤 부분을 수정해야 하죠?
ㅁㅁㅁ
ㅁㅁㅁ
강의에서는 이렇게 배치
ㅁㅁㅁㅁㅁㅁ
저는 이렇게 배치

2024년 4월 16일 19:44 #120485

codingapple

키 마스터

<Row> 안에다가 <Col>들을 집어넣읍시다

2024년 4월 17일 12:37 #120563

김보름

참가자

<Row>
<Col>
{
shoes.map(function(a,i){
return(
<Card shoes={shoes[i]} i={i+1}/>
)
}
</Col>
</Row>

이렇게 해보니
ㅁ
ㅁ
ㅁ
ㅁ
ㅁ
ㅁ

이런 식으로, 하나씩 줄바꿈이 되네요? 어디에 넣는건가요?

2024년 4월 17일 13:55 #120573

codingapple

키 마스터

반복문 return안에 <Col>부분도 집어넣읍시다

글쓴이

글

4 글 보임 - 1 에서 4 까지 (총 4 중에서)

답변은 로그인 후 가능합니다.

로그인

ajax2 강의 에서 더보기 클릭 시, 카드 컴포넌트 줄바꿈

https://codingapple.com/wp-content/uploads/2019/06/logo2-3.png