<button onClick={() => {
let newClickCount = clickCount + 1;
setClickCount(newClickCount);
if (newClickCount === 1) {
axios.get('https://codingapple1.github.io/shop/data2.json').then((결과) => {
let copy = [...shoes, ...결과.data]
setShoes(copy)
}).catch(() => {
console.log('통신 실패')
})
} else if (newClickCount === 2) {
axios.get('https://codingapple1.github.io/shop/data3.json').then((결과) => {
let copy = [...shoes, ...결과.data]
setShoes(copy)
})
} else {
window.alert('상품이 존재하지 않습니다')
}
}}>버튼</button>
<p>버튼이 눌린 횟수: {clickCount}</p>
위 코드로
어찌어찌돌아가는것 같습니다.
그런데 서버에있는 자료의 갯수대로 로딩이 되게 코드를 줄이고 싶은데 어떻게 하면 좋을까요?