onClick으로 changecolor_JS

miin·2021년 9월 20일
클릭으로 색깔변하기
0

Event_JS

목록 보기
1/3
post-thumbnail

  • <h1> 태그 아래에 <button> 요소를 추가해주었습니다.
  • 다음의 순서에 따라서 코드가 실행됩니다.
    • <button> 요소에서 onClick 이벤트 발생
    • this.handleColor , 즉 현재 컴포넌트(State)의 handleColor 함수 실행
    • handleColor 함수 실행 시 setState 함수 실행 - state의 color 값을 'blue' 로 변경
    • render 함수 호출
    • 바뀐 state 값을 반영하여 <h1> 태그 글자 색상 변경
profile
miin
:D
다음 포스트

date, comment, count _JS

0개의 댓글