반응형
위의 form을 기본적으로 보이지 않게 했다가 아래와 같은
Add New Expense 버튼을 클릭했을 때 등장하도록 바꾸기
과제 완료
const toggleExpenseForm = (event) => {
document.getElementsByClassName("new-expense__controls")[0].classList.toggle('toggleDisplay');
document.getElementsByClassName("new-expense__btn")[0].classList.toggle('toggleDisplay');
}
<div className="new-expense__btn">
<button onClick={toggleExpenseForm}>New Add Expense</button>
</div>
반응형
'온라인 강의 > React 완벽 가이드 [Udemy]' 카테고리의 다른 글
77. 조건 명령문 반환 추가하기 (0) | 2023.06.05 |
---|---|
76. 연습하기 : 조건부 내용 (정답) (0) | 2023.06.05 |
74. 조건부 내용 출력하기 (0) | 2023.06.04 |
73. 연습하기 : Lists 다루기 (정답) (0) | 2023.06.04 |
72. 연습하기 : Lists 다루기 (문제) (0) | 2023.06.04 |