• 로그인
  • 장바구니에 상품이 없습니다.

home2 게시판 React 게시판 자료 순서 변경 과제

자료 순서 변경 과제

  • 이 주제에는 3개 답변, 2명 참여가 있으며 codingapple3 년 전에 전에 마지막으로 업데이트했습니다.
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 글쓴이
  • #39785

    듀링
    참가자
    쇼핑몰 강의에서 상품 정렬 버튼 누르면 data가 정렬되게 하는거 과제 풀고있는데요!
    
                <div className='main-bg' style={{backgroundImage : 'url(' + bg + ')'}}>{/* 이미지넣기) JS는 +기호 안에 넣기 */}
                  <button onClick={()=>{
                    let list = [...shoes];
                    list.sort();
                    setShoes(list);
                  }}>상품정렬</button>
                </div>
    
    버튼클릭시 정렬로 했는데 안먹혀서요ㅠ sort가 배열 정렬이지 않나요..? 클릭해도 shoes가 바뀌지않는건지
    무반응인데 뭐가 문제일까요..ㅜ
    
    
    		
    	
    #39798

    codingapple
    키 마스터
    sort()는 문자가 담긴 array를 문자순으로 정렬하는 함수입니다 
    array 안의 object를 정렬하는 법을 찾아봅시다
    #39826

    듀링
    참가자
                  <button onClick={()=>{
                    let list = [...shoes];
                    list.sort((a,b) => { a.title - b.title })
                    setShoes(list);
                  }}>상품정렬</button>
    
    찾아서 해보았는데, 마찬가지로 적용이 안됩니다..
    혹시 몰라서 let sorted_list = list.sort((a,b) => { a.title - b.title }) 이런식으로 앞에 변수붙여서
    setShoes에 넣어줬는데도 안되는데 뭐가 문젤까요ㅜㅜ
    
    
    
    
    		
    	
    #39848

    codingapple
    키 마스터
    return a.title - b.title 합시다
4 글 보임 - 1 에서 4 까지 (총 4 중에서)
  • 답변은 로그인 후 가능합니다.

About

현재 월 700명 신규수강중입니다.

  (09:00~20:00) 빠른 상담은 카톡 플러스친구 코딩애플 (링크)
  admin@codingapple.com
  이용약관, 개인정보처리방침
ⓒ Codingapple, 강의 예제, 영상 복제 금지
top

© Codingapple, All rights reserved. 슈퍼로켓 에듀케이션 / 서울특별시 강동구 고덕로 19길 30 / 사업자등록번호 : 212-26-14752 온라인 교육학원업 / 통신판매업신고번호 : 제 2017-서울강동-0002 호 / 개인정보관리자 : 박종흠