리액트 접었다 펴는 토글 만들기

불값을 저장하는 useState 만들기

  const [listOpen, setIListOpen] = useState(true);

토글에 onClick 함수 만들기

<HIcon
   onClick={openListHandler}
></HIcon>

삼항연산자 쓰기

listOpen이 true면 false로 바꾸고, true가 아니면 true로 바꾸기

const openListHandler = () => {
    {
      listOpen ? setIListOpen(false) : setIListOpen(true);
    }
  };

리스트 삼항연산자로 보여주기

listOpen이 true면 && 실행

{listOpen && (
          <>
            {agitList.map((agitList) => (
              <Stlist>
                <li
                  key={agitList.id}
                  onClick={() => {
                    dispatch(__getAgitPost(agitList.id));
                    dispatch(__getAgitMember(agitList.id));
                  }}
                >
                  {agitList.agitName}
                </li>
              </Stlist>
            ))}
          </>
        )}