강의 때 배운 내용을 응용해서 쇼핑몰을 만들고 있습니다.
기존 방식은 처음부터 3개씩 저장된 json 데이터를 가져오는 거였다면
저는 저장된 여러 데이터 중에 8개를 먼저 가져오고
더보기 버튼을 클릭하면 8개씩 더 가져오는 기능을 구현하려고 합니다.
<div className="row item-list">
{items.length > 8 &&
items
.map(function (items, i) {
return <Furniture items={items} key={i} />;
})
.slice(0, 8)}
</div>
<button className="see-more-btn" onClick={() => {}}>
more
</button>
이게 맞는지 모르겠지만 어찌저찌 8개만 출력하는 기능을 구현하긴 했는데
아무리 생각하고 해봐도 버튼 클릭 시 그 이후의 데이터를 출력하는 방법을 모르겠습니다.
그냥 인덱스 8부터 출력하기에는 이름, 가격순으로 정렬하는 버튼도 있어서 어떻게 해도 애매해지는 것 같습니다ㅜ
어떻게 해야 깔끔하고 정확하게 출력할 수 있을까요
간단한 힌트라도 부탁드릴게요...!
