• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 더보기 버튼 눌렀을 때 상품 레이아웃 질문

더보기 버튼 눌렀을 때 상품 레이아웃 질문

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #59487

    엑공
    참가자
    강사님처럼 상품 3개씩 배치되지 않고 한줄에 연달아 계속 추가되는 식으로 나옵니다.
    따로 바꿔야 하는 코드가 있을까요?
    
    <Container>      
                  <Row>
                    {shoes.map((item, i) => {
                        return(
                        <Card key={i} shoes={shoes[i]} i={i}/>
                        )
                      })}
                  </Row>
                </Container>
                {more <= 1 ? (
                  <button onClick={()=> {
                    axios.get(`https://codingapple1.github.io/shop/data${2+more}.json`)
                    .then((res)=>{
                      let copy = [...shoes, ...res.data];
                      setShoes(copy);
                    })
                    .catch(()=>{
                      console.log('데이터 가져오기를 실패했습니다');
                    })
                    setMore(more+1);
      
                  }}>더보기</button>
                ) : null}
    
    
    #59503

    codingapple
    키 마스터
    카드컴포넌트에 <Col md={4} 이런게 잘 붙어있나 확인합시다
2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠