반응형
함수Component
-
[React 기초] React 간단 예제 - 버튼 클릭하기 : 함수 Component컴퓨터 알아가기/React 2023. 12. 21. 19:30
지난 시간 만들어 보았던 환영버튼을 함수 Component로 바꾸어 보도록 하겠습니다. React는 많은 사람들이 함수 Component를 사용한다고 하는군요 1. Class형 Component를 함수 Component로 지난시간 '환영합니다.' 메시지를 Class형으로 다음과 같이 만들어 보있습니다. 이를 함수 Component로 바꾸어 보도록 하겠습니다. Class형에서 사용되었던 this.state를 사용하지 않아도 됩니다. 단, 함수 Component에서 사용되는 기본 규칙을 다시한번 정리해 둘 필요가 있습니다. ※ 함수Component 기본규칙 ① Class형을 함수로 바꾸어 줌 ② 데이터영역의 기본형태는 const [변수명, set변수명] = React.useState(기본값 false); ③..