강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

김김지호님의 프로필 이미지
김김지호

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

안녕하세요 usestate를 객체와 배열로 쓰고 싶은데 질문이 있습니다

작성

·

268

0

[제로초 강좌 질문 필독 사항입니다]
질문에는 여러분에게 도움이 되는 질문과 도움이 되지 않는 질문이 있습니다.
도움이 되는 질문을 하는 방법을 알려드립니다.

https://www.youtube.com/watch?v=PUKOWrOuC0c
 
  const [toggle, setToggle] = useState({
    toggleArray: [],
    conToggle: [],
    addCard: [],
});
 
 const target = parseInt(e.currentTarget.getAttribute("data-index"));
//이 친구를
 
     setToggle((prev) => {
        return {
          ...prev,
          addCard: [...prev.addCard, target],
        };
    });
 
// 이렇게 넣을려 하는데 결과값이
addCard : [0,1,2,3,4,5] 이렇게 지속적으로 추가되고 삭제 됐으면 좋겠는데
addCard : [1] > [2] > [3] 이렇게 바뀌는데 위 처럼 할 순 없을까요?
 
밑처럼 add를 누르면 각 Element가 가진 index 값인 0 ~ 5 가 setState에 적용 됐으면 좋겠는데 배열에 계속 추가가
아니고 변경이 되더라구요
 
 

답변 1

1

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

음.. 지금 코드라면 하나씩 추가되는 것이 맞습니다. return 위에 console.log(prev.addCard) 한 번 찍어보세요.

김김지호님의 프로필 이미지
김김지호
질문자

해결됐습니다 ~

김김지호님의 프로필 이미지
김김지호

작성한 질문수

질문하기