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

home2 게시판 React 게시판 redux 리듀서 수량증가 안되는 문제

redux 리듀서 수량증가 안되는 문제

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

    이도현
    참가자

    redux 리듀서 부분 강의 듣다가 선생님께서 switch문으로 짜는것도 있다 하셔서 찾아보다가 

    redux의 모듈화를 하면서 switch 문 쓰는것을 발견해서

    잘 작동하던 리듀서들을 전부 모듈화했습니다.

    컴포넌트에서 close()는 잘 작동하는데  increase() , decrease() 는 무반응 입니다.

    두개 코드의 색상이 다른것이 힌트 같은데... 분명 뭔가 다르다는 말인거 같은데... 

    아무리 찾아봐도 뭐가 문제인지 모르겠습니다. ㅠㅠ 뭐때문일까요 ?

    component

     

     

     

     

     

     

     

     

     

     

     

     

     

     

     

    이건 alertclose 모듈이구요

     

     

    이건 cartQuan  모듈입니다.

    #10765

    codingapple
    키 마스터

    그르게요

    copyState[0].quan = copyState[0].quan++ 말고

    copyState[0].quan++ 이것만 써보도록 합시다 

    #10767

    이도현
    참가자

    홀리.. 쒸....ㅅ..... 잘 동작합니다....
    항상 +1  -1 이런식으로 쓰다가 ++ -- 를 쓰니깐 실수했습니다... 이걸 머리싸매고 1시간을 ...

     

    선생님 추가 질문이 있습니다.
    밑에 캡쳐에서는 return 뒤에 { } 를 붙이고 그 안에 변수선언 없이 ( copyState 같은거 ) 
    바로 ...state를 하더니   , 하나를 찍고 그뒤에 바로 객체의 내용을 수정하더라구요 ( number : state.number - state.diff  요로코롬... )
    이것이 이해가 가지를 않습니다...  코드가 간단해지고 되게 좋은거 같은데  의미를 모르겠어서 사용을 못하겠습니다.

     return 뒤에 중괄호 {} 나   변수선언 없이 ...state를 바로 해버린거나    그뒤에 , 를 붙이고 바로 수정하는 내용을 쓴것까지요...

     

    이것도 return 뒤에 괄호의 의미  return , 의 의미 등등 검색해보며 삽질하는데 나오지를 않습니다.

    설명한번만 부탁드립니다.

    주말 오전부터 답장해주시다니.. 감사합니다...

     

    #10774

    codingapple
    키 마스터

    점3개는 그냥 괄호벗겨주세요라는 자바스크립트 문법이고

    return 뒤에는 변수만 쓸 수 있는게 아니라 아무자료나 작성가능합니다

     

    예제 코드는 

    var state = { number : 0, diff : 1  } 

    return { ...state, diff : action.diff }

    이렇게 되어있는데

    점3개는 그냥 괄호벗겨주라는 소리기 때문에 

    return { number : 0, diff : 1, diff : action.diff } 

    이거랑 똑같습니다 

     

    근데 object 자료형에서 diff 저런 key 값이 중복으로 출현하면 뒤에있는걸 우선으로 적용시켜줍니다 

    return { number : 0, diff : action.diff } 

    그래서 실행결과는 이렇게 되겠네요

     

    state를 카피본 만든 다음에 {diff : 1} 이었던걸 {diff : action.diff} 로 수정하고 그걸 return을 뱉어주세요~랑 똑같은 뜻입니다 

     

    #10776

    이도현
    참가자

    "근데 object 자료형에서 diff 저런 key 값이 중복으로 출현하면 뒤에있는걸 우선으로 적용시켜줍니다 "

    이걸 알려주셔서 광명 찾았습니다. 

    모든것이 이해됐습니다. 감사합니다.

    선생뉨 혹시  카톡+ 친구 로  코딩 관련 질문 해도되는건가요 ? 
    아니면 강의 문의 전용인가여어 ...

    #10781

    codingapple
    키 마스터

    그건 상담용이라 다른사람이 답변주십니다 

    #10782

    이도현
    참가자

    확인입니다. 사랑합니다.

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

About

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

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

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