728x90
300x250
클래스 컴포넌트를 정의할 때는 Componet를 상속 받아야 하며, render 메서드 내에 JSX를 반환하여 UI를 구성한다.
class 클래스명 extends Component {
constructor(props) {
super(props);
this.state = {}; // 상태를 초기화
}
render() {
return (
<div>
{/* JSX를 넣는다. */}
</div>
);
}
}
728x90
반응형
'Front-end > React' 카테고리의 다른 글
리액트에서 함수형과 클래스형 컴포넌트 두 가지 방식이 존재하는 이유 (0) | 2024.11.16 |
---|---|
컴포넌트 추출 (1) | 2024.11.15 |
컴포넌트 합성 (1) | 2024.11.14 |
컴포넌트 렌더링 (0) | 2024.11.13 |
리액트에서 컴포넌트 이름을 대문자로 시작해야 하는 이유 (1) | 2024.11.12 |
댓글