Ajax2 응용 문제2 질문있습니다.

[송주현]

  let [click, setClick] = useState(1);
 <button onClick={()=>{
      let updatedClick = click + 1;
      setClick(updatedClick);
  
          if(updatedClick === 2 || updatedClick === 3){
            axios.get(`https://codingapple1.github.io/shop/data${updatedClick}.json`)
            .then((result)=>{
              let copy = [...shoes, ...result.data];
              setShoes(copy);
             
            })
            .catch((error) => {
              console.log(error);
            });
          }
          else{
            alert("더 이상 상품이 없습니다.")
          }
         
         }}>더보기</button>
         </>
       } />

useState를 이용해서 해결 했는데 이렇게 해도 괜찮은걸까요 또 
급 궁금한게 만약 1000번클릭하게 하려면 if 문을 1000개 쓸수도 없고,
경우의 수가 많다면 어떻게 해결 할 수 있을까요?

[codingapple]

더이상 상품이 없으면 보통 서버가 에러메세지라든지 404에러라든지를 보내주기 때문에 
if(updatedClick === 2 || updatedClick === 3){  안써도 됩니다 ajax요청 실패시 에러처리만 해주면 될듯요 

[글쓴이]

글