React - 객체 배열 정렬

그냥 배열 정렬할때는 복사본 만들어서

let copy = [...arr];
copy.sort();
setArr(copy);

이런 식으로 배열을 오름차순으로 정렬했다.
하지만 객체 형태로 저장된 배열은 이런식으로 정렬되지 않았다.

진짜 1시간동안 구글링하면서 계속 헤매다가 겨우 찾아냈는데 방법이 그냥 배열 정렬과 다를게 없었다.. 매우 비슷

<button onClick={()=>{
              let copy = [...shoes]
              copy.sort((a, b)=>{
                if(a.title > b.title) return 1;
                if(a.title < b.title) return -1;
                return 0;
              })
              setShoes(copy)
      }}>가나다순 정렬</button>

저 sort()함수 안쪽만 수정하면 되는 것이었다. 근데 분명 아까 저렇게 했었는데 내가 새로고침을 잘못눌렀나... 안됐었는데 어쨋든 성공..ㅠ