state 안에 글 개수만큼 값 넣기..?

[배희창]

오랜만에 뵙습니다 선생님. 사이트 제작중에 심플한 오류가 있는데 너무 깊게생각하는건지 답이 안보이네요


다이얼이 있는데 저 + 누르면

다이얼이 위로 펼쳐집니다.



+ 아이콘을 누르면 active의 불린값을 반대로 바꾸기로 스위치를 만들었는데,
다같이 active 상태로 변하고 왜 변하는지 문제를 찾았는데
저 [active, setActive] = useState([]); 안에
post 수만큼의 false값을 각자 넣으려면 어떻게 대처해야할까요..?
가능하다면
{
        post.map((item, i)=>{
          return(
            <ContactItem>
            <DialBox>
              <MdAddCircle className={'icon z' + `${active[i] ? ' active' : ''}`} onClick={()=>{setActive(!active[i])}}/>
              <MdLocalPhone className={'icon' + `${active[i] ? ' y3' : ' hide'}`}/>
              <MdOutlineFileDownload className={'icon' + `${active[i] ? ' y2' : ' hide'}`}/>
              <MdPrint className={'icon' + `${active[i] ? ' y1' : ' hide'}`}/>
            </DialBox>
          </ContactItem>
          )
        })
      }
이런식으로 변경이 될까요..? state안에 반복문이 안들어가서 질문드립니다

[codingapple]

state에 [false, false, false] 넣어두고 각각 0번 1번 2번 아이콘 보이는 상태로 생각하면 될듯요

[배희창]

글의 개수가 3개가 아니라 유저가 무한정으로 생성하면 관리할 state가 늘어날텐데
그걸 글의 length 기준으로 늘어나게 하는 방법이 있을까요?

post = 4개
const [active, setActive] = useState([false, false, false, false]);
post = 5개
const [active, setActive] = useState([false, false, false, false, false]);

요런 방법이 있을까요...?

[codingapple]

반복문쓰거나 Array.from 쓰면 원하는 길이로 array생성 가능합니다

[글쓴이]

글