쇼핑몰 과제 ) 상품의 순서를 변경하면 상세페이지가 고장

[김은영]

메인페이지에서 상품의 순서를 변경하는 정렬버튼을 만들었습니다.

 

 <Route exact path="/">
        <div>
          <Jumbotron1 />
          메인페이지입니다.
          <Detail1 shoes={shoes}/>
          <button onClick={()=>{
          
          var 정렬 = [...shoes];

          var compare = (key) => (a, b) => {
            return a[key] > a[key] ? 1 : a[key] < b[key] ? -1 : 0;
          };

          정렬.sort(compare('price'));
          shoes변경(정렬);

        
          }}>정렬하기</button>

        </div>
      </Route>

 

이렇게 정렬하기 버튼을 누르고 /detail/0 , /detail/1, /detail/2

 

해도 상세페이지가 고장나지 않아서요!

혹시 제가 정렬버튼을 잘못만든걸까요??

[codingapple]

그르게요 상품을 클릭해서 이동하는 것도 확인해봅시다

그것도 고장이 안나면 잘짠 코드인듯요 

[강성구]

리턴 부분 akey akey 비교 괜찮은간가요?

[codingapple]

return a[key] > b[key] ? 1 : a[key] < b[key] ? -1 : 0;

이거가 아닐까요 근데 가격순정렬하시는 듯 한데 

숫자정렬이아니라 문자정렬하는 sort함수를 구현하신듯요? 

[김은영]

정렬.sort(function(a,b){
            return a.price-b.price;
          })
          
shoes변경(정렬);  로 수정하였습니다!

[글쓴이]

글