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

home2 게시판 React 게시판 개별 버튼 만들기 질문드립니다.

개별 버튼 만들기 질문드립니다.

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

    김보훈
    참가자

    111

    현재 버튼을 누르면 개별 아이콘이 변경되는 아이콘을 만들려고

    게시판에 글 올려져 있는 개별 따봉버튼 만들기 글들을 참고해서 코드를 작성해봤는데

    버튼 누를 때마다 계속 true 로만 찍히는데 접근 방법이 틀린걸까요??

    #21020

    codingapple
    키 마스터

    state가 array, object 자료면 

    사본을 만들어서 그걸 수정하고 state변경함수에 넣으시면 됩니다 

    #21024

    김보훈
    참가자

    dd

    변경해 봤는데 코드 실행을 해본 결과 

    ㄲㄱ

    이런 오류가 뜹니다.

    #21030

    codingapple
    키 마스터

    newArr[index] = !newArr[index];

    setChevron(newArr) 

    이렇게 써봅시다 

    #21041

    김보훈
    참가자

    감사합니다 잘 해결됐습니다.

    궁금한 점이 하나 더 있는데 제가 맨처음에 오류냈던 코드

    const newArr = [...chevron];
    setChevron(!newArr[index]);

    부분에서 버튼을 누를 때마다 newArr 에 있는 값들의 반대가 되서 true false 가 반복될 것 같았는데 직접 console을 찍어봤을 땐 state가 false 그대로 였습니다. 이부분이 이해가 되지 않고,

    한번더 누르면 iterable 오류가 나오는데 어떤 연관이 있어 오류가나는지  이해가 잘 안됩니다.

    #21052

    codingapple
    키 마스터

    !newArr[index]

    이러면 그냥 그 자리에 true 하나가 남을 것 같습니다

    state변경함수는 소괄호에 집어넣은 것으로 state를 갈아치워주는 함수입니다 

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

About

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

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

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