ajax 2 : post, fetch 응용문제 질문

안녕하세요! 응용 문제를 풀다가 막혀서 질문 남깁니다.
state는 좀 늦게 동작한다고 하셔서 그냥 변수를 만들어 동작시켜 봤는데
분명 콘솔 창에는 2가 뜨는데 왜 작동이 안되는지 모르겠습니다!
버튼을 한 번 누르면 2가 뜨고 한 번 더 누르면 3이 뜨는데, 왜 데이터가 보여지지 않고
더 이상 상품이 없다는 alert창만 뜰까요?

  let click = 1;

<button onClick={()=>{
            click = click+1;
            console.log(click)
            if({click} == 2 || {click} == 3){
            axios.get(`https://codingapple1.github.io/shop/data${click}.json`)
            .then((결과)=>{
              let copy = [...shoes, ...결과.data];
              setShoes(copy);
            })
            .catch(()=>{
              console.log("실패함")
            })
            }
            else{
              alert("더 이상 상품이 없습니다")
            }
  
          }}>버튼</button>