신발 상품 정렬 관련 질문

[성훈]

<button onClick={() => {
                  let copy = [...shoes];
                  copy = shoes.sort((a, b) => a.title.localeCompare(b.title));
                  let i = 0;
                  while(i<copy.length) {
                    copy[i].id = i
                    i++;
                  }
                  setShoes(copy);
                  //console.log(shoes);                    
                }}>정렬</button>
위와 같이 코드를 짜서 abc 순으로 정렬을 하고 이에 맞게 새롭게 id를 부여했는데 detail/:숫자 를 
입력하면 정렬되기 전 id에 해당하는 정보들이 나옵니다. Detail 컴포넌트 안에는
let {id} = useParams(); 와 {props.shoes[id].title}  같이 입력하고 저장했는데 뭐가 잘못된 걸까요?

[codingapple]

새로고침되면 state도 초기값으로 돌아갑니다 
상품의 고유id 번호같은걸 바꿔버리면 나중에 원래순서로 돌아가기 어렵습니다

[글쓴이]

글