리액트 라우터3 가나다순 정렬에 관하여

[신기훈]

App.js 파일에 아래와 같이 버튼을 만들었고, 버튼을 클릭시 콘솔창에서는 가,나,다 순으로
정렬이 잘 되는데 메인 홈페이지 상에서는 상품들 위치가 변하지 않으며
detail/0 , 1 , 2 순으로 접속하여도 정렬이 적용되지 않고 원래 상품인 White and Black , Red Knit, Grey Yordan 순으로
나타납니다. 

무엇이 문제일까요?


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

[신기훈]

 { shoes.map(function(a, i){
  return <Card shoes={shoes[i]} i={i+1}></Card>
})} 를 추가하여 




  <button onClick={()=>{
  
  shoes.sort((a,b)=>{
    if(a.title>b.title){ return 1; }
    else{ return -1; }
  })
  console.log(shoes)

 { shoes.map(function(a, i){
  return <Card shoes={shoes[i]} i={i+1}></Card>
})}
}}>가나다순정렬</button>

이렇게도 해봤는데 잘 안되네요.. 진짜 너무 답답합니다 ㅜㅜ

[codingapple]

state변경하고 싶으면 state변경함수를 써야합니다 
정렬한거 state변경함수에 넣어줍시다

[글쓴이]

글