로딩 중 표시 질문

+ 더보기 몇번이상 눌렀을 떄 버튼 안보이게하는 코드도 개발중인데...

상단에 var count = 0;

onclick안에 이제

count++;

if(count>2){

 버튼이 안보이게 해야한다 <= 이 부분을 구현을 못하겠습니다.

}

로딩 중 은 해결했습니다.

그런데 버튼 숨기기에서 몇가지 질문이 있습니다.

1. 그러면 버튼을 UI로

function Btn () {
  return(
    <button className="btn btn-primary" id="bt" onClick={ () => {

              show변경(true);
            // axios.post('서버URL', { id : 'codingapple', pw : 1234 }).then()
            
            axios.get('https://codingapple1.github.io/shop/data2.json')
            .then((result)=>{
              console.log(result.data);
             shoes변경( [ ...shoes, ...result.data ] );
             show변경(false);
            })
            .catch(()=>{
              console.log('실패했어요');
              show변경(false);
            })

          } }>더보기</button>
  )
}

이런식으로 만들었는데, 이렇게되면 state를 다 props해와서 바꿔줘야 하는지, 

그리고 제 생각으로는 var count=0;

으로 시작해서 클릭시 count가 올라가서 count가 몇보다 크면 안보이게 false값으로 만들어줘야할것같은데,,, 만드는데 좀 더 힌트 부탁드립니다.