![](http://i1.daumcdn.net/thumb/C148x148/?fname=https://blog.kakaocdn.net/dn/s1mi2/btre2e3U2cc/X9OlVxmhxLfkQGH1bN8kw1/img.png)
소스 코드 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 버튼을 클릭하여 정상적으로 작동하는지 체크해보자.
프로그래밍/React
2021. 9. 14. 12:16