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안에 반복문이 안들어가서 질문드립니다