Gray CHA

소스 코드 useState를 이용하여, toggle 기능을 쉽게 구현할 수 있으니 참고하자. 핵심은 onClickGnb 호출 시, 이전 상태를 삼항연산자로 처리하면 쉽게 구현할 수 있다. const [gnbStatus, setGnbStatus] = useState(false); const onClickGnb = (e) => { setGnbStatus(prevStatus => prevStatus ? false : true); }; const GnbMenu = () => ( 메뉴1 메뉴2 메뉴3 ); ... 생략 ... {/* Gnb Menu */} { gnbStatus ? : null} 출력 결과 gnb 버튼을 클릭하여 정상적으로 작동하는지 체크해보자.