온라인 강의/React 완벽 가이드 [Udemy]

75. 연습하기 : 조건부 내용 (문제)

유호야 2023. 6. 5. 01:24
반응형

위의 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>
반응형