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

home2 게시판 React 게시판 힌트좀 부탁드려도 될까요 ㅠ

힌트좀 부탁드려도 될까요 ㅠ

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 글쓴이
  • #35028

    류현
    참가자

     

    사과쌤 수업 잘듣고있습니다!

    반나절동안 고민하고있는데 생각처럼 쉽게 풀리지 않아서요!

     

    쇼핑몰을 따라서 만드는중인데

    data.js에 객체로 구성된 신발의 정보배열들이 있잖아요?

    강의에서는 가나다 순으로 정렬하는 버튼을 만들었다고 가정만하셔서 

    제가 직접 sort((a, b) 이런식으로 state를 조작하는 버튼을 만들었습니다.

     

    그런데 객체로 구성된 데이터들의 title을 가나다순으로 정렬했을때 price등의 정보도 같이 정렬이 되는데

    신발 사진은 아무래도 data에 없어서그런지 정렬이 안되네요 ㅠㅠ

    혹시 이 사진도 title따라서 같이 움직이게 만드는법이 있을까요??

     

     

    그리고 가나다순 버튼을 눌러서 정렬을 한 후에

    다시 원래대로 되돌리고싶을때 useState 에 '가나다순'을 저장한 후

    한번 눌리면  '원래대로'라는 문구로 변경되고

    삼항연산자를 이용해서 정렬을 되돌리는 방식으로 하는것도 괜찮나요? 

    아니면 다른 좋은방법이있을까요?

     

    #35033

    codingapple
    키 마스터

    shoes1.jpg 이렇게 하드코딩되어있는걸 

    'shoes' + 상품id + '.jpg' 이렇게 고쳐봅시다 

    네 정렬상태에 따라 UI를 다르게 보이게하고 싶으면 현재 정렬상태를 저장해둘 state부터 필요할듯요 

2 글 보임 - 1 에서 2 까지 (총 2 중에서)
  • 답변은 로그인 후 가능합니다.

About

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

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

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