return에 관한 질문입니다.

처음에 혼자 생각해보라고하셔서 하는데

선생님 풀이 // shoes변경( [ ...shoes, ...result.data ] );
이거를

이렇게              

let arrayCopy = [...shoes];

 arrayCopy = push(result.data);

 shoes변경(arrayCopy)

해봣는데 이거로는 왜 안될까요

 <button className="btn btn-primary" id="bt" onClick={ () => {
            
            // axios.post('서버URL', { id : 'codingapple', pw : 1234 }).then()
      
            axios.get('https://codingapple1.github.io/shop/data2.json')
            .then((result)=>{
              if(count>2){
                document.getElementById("bt").style.visibility='hidden';
              }
              console.log(result.data);
              // shoes변경( [ ...shoes, ...result.data ] );
              let arrayCopy =[...shoes];
              arrayCopy.push(result.data);
              shoes변경(arrayCopy)

            })

이런식으로 바꿔서하니까 되긴하는데 1개씩 &라는 내용으로 업데이트 되는데 무슨 연유일까요..