리액트에서 서버와 통신하려면 ajax 2 : post, fetch - 응용 1,2,3

function App() {

 // 1,2,3번 state임
  let [isLoading,setLoading] = useState(false); // 3번 응용 로딩 끝나거나 못받아오면..
  let [count,setCount] = useState(0); 
  let [btn,setBtn] = useState(true);  // 7,8,9번 상품 데이터 가져오면 없애기 state임
  // 1,2,3번 관련 함수임 
  const ajaxFunc = (url)=>{
    axios.get(url[count])
    .then((result)=>{
      let newProduct = [...shoes,...result.data];
      setShoes(newProduct)
 
      url.length == count ? setBtn(false) : setBtn(true) // 7,8,9번째 상품 보여주면 state 변경으로 바꿔주기
      setLoading(false)// <- 이렇게 하는거 맞나요?
    })
    .catch(()=>{
      setLoading(false)  <- 이렇게 하는거 맞나요?
      console.log('못받아왔어용')
    })

    setCount(count = count + 1)// setCount를 아래로 둔 이유는 버튼 클릭하면 함수가 실행이 됨,
 실행 하면서 동기적 처리 후 에 count 변화 주려고 (array자료는 0부터 시작이잖슴)
  }

return(
  
 {isLoading == true ? <div className='text-success bg-dark'>로딩중</div> :null }

 {           
            btn == true ?<button className='btn btn-warning mx-3'onClick={()=>{

              // 3번째 응용 state임
              setLoading(true)
  
              // url 배열임
              let ajaxArr = [
                'https://codingapple1.github.io/shop/data2.json',
                'https://codingapple1.github.io/shop/data3.json'
              ]
              ajaxFunc(ajaxArr) // 1번,2번,3번 다 있는 함수 임
  
  
            }}>버튼</button> : null

)
---------------

get 후 
then에 isLoading(false) 
못 받아오면 
cath에 isLoading(false)

이게 쌤이 말한 것과 맞는 건지 헷갈리네요

---------------------------

쌤 코드 리뷰해주세요 url 배열을 안에다 넣는거 별로일꺼 같은
 느낌적인 직감은 있는데 저 스스로 만족하기가 90%도 안되네요