리엑트 라우터3 응용문제 질문

[남지윤]

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


제가 이렇게 가나가순정렬 버튼을 만들고 정렬 해놓은 상태에서 detail/0으로 접속하면 정렬된 0번째가 나와야하는데
원래 기존에 있던 white and Black이 나오는데 제가 copy본으로 복사해서 정렬해놔서 그대로 나오는걸까요?

그리고 다시 copy본없이 shoes를 그대로
<button onClick={() => {
                  shoes.sort((a, b) => {
                    if(a.title > b.title) {
                      return 1;
                    } else {
                      return -1;
                    }
                  });
                  setShoes(shoes);
                }}>가나다순 정렬</button>

이렇게 짜면 버튼이 작동이 안하네요...ㅜ

추가) 선생님 그리고 혹시 이미지들도 같이 정렬하고 싶으면 어떻게 해야하나요..?

[codingapple]

주소창에 직접입력해서 새로고침되면 state도 리셋되어서 navigate()씁시다 
state에 있던 0번째 이미지를 0번자리의 이미지 src에 넣으면 될듯요

[남지윤]

 



선생님 정렬을 한후에 navbar에 있는 detail 클릭후엔 말씀대로 정렬이 된 G로 보이고
detail.js를 찾은상품으로 코드를 추가한 뒤론 detail 클릭하면 아무것도 안보입니다.
<Route path="/detail" element={<Detail shoes={shoes} />}/> 추가해도 오류가 뜨고
클릭한 detail은 /detail로 가게 되어있는데 파라미터가 없어서 오류가 뜨는걸까요

[codingapple]

/detail/어쩌구 페이지는 만들어놨는데 /detail 페이지는 안만들어놔서 그런듯요 /detail/어쩌구로 접속합시다

[글쓴이]

글