{bool && <h1>로딩중...</h1>}
<button className="btn btn-danger" onClick={() => {
if(count === 0){
set_bool(true);
axios.get('https://codingapple1.github.io/shop/data2.json')
.then((response) => {
const newData = response.data.map((obj) => obj);
set_item((prevItem) => [...prevItem, ...newData]);
set_count(prev => prev + 1);
set_bool(false);
})
}
else if(count === 1){
set_bool(true);
axios.get('https://codingapple1.github.io/shop/data3.json')
.then((response) => {
const newData = response.data.map((obj) => obj);
set_item((prevItem) => [...prevItem, ...newData]);
set_count(prev => prev + 1);
set_bool(false);
})
}
else if(count === 2){
alert('더이상 상품 x');
}
}}>더 보기</button>
위 코드는 잘 실행되는데 "set_bool(!bool);"을 통해서 바꾸려 하면 결과가 다른 것 같은데 이유를 모르겠습니다. ㅠ
