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

home2 게시판 React 게시판 클릭하면 재고수량이 줄어드는 버튼만들기

클릭하면 재고수량이 줄어드는 버튼만들기

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

    이지은
    참가자

    안녕하세요~

    클릭하면 재고수량이 줄어드는 버튼 만들기 혼자해봤는데 잘 안되더라구요 ㅜㅜ

    아마 props로 부모에서 전달받은 state를 딥카피하는 게 안되는 거 같은데

    뭐가 잘못된건지 확인 부탁드립니다. ㅜㅜ

     

    App.js 에 재고 state를 만들었구요

    // stock (재고)
      let [stock, stockChange] = useState([10,11,12]);

     

    2. detail.js 에 버튼 코드입니다.

    #13622

    codingapple
    키 마스터

    왜냐면 state 변경함수에 9라는 숫자 하나만 달랑 집어넣어서 그렇습니다

    state변경함수는 원래있던 state를 소괄호 안에 집어넣은 파라미터로 바꿔치기 해줍니다 

    #13628

    이지은
    참가자

    잘 이해가되지 않는데요...ㅜ

    state 변경함수에 9라는 숫자는 넣지 않았고

    props.stockChange( newStock[0] - 1 );

    이렇게 적었습니다.

    #13633

    codingapple
    키 마스터

    newStock[0] - 1 이 코드 자리에 9 남을걸요 지금 newStock[0] 이게 10이니까요

    그럼 stock이라는 state는 [9,11,12]가 아니라 그냥 9가 됩니다 

    첫째 자료가 1이 감해진 newStock을 state변경함수에 통째로 집어넣도록 합시다 

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 호 / 개인정보관리자 : 박종흠