반응형
React는 Component의 집합이라고 생각하고
Component만 만든다고 생각하면
아주 간단하게 접근할 수있음
즉, 각각의 Component를 만들어서 레고 처럼 조립하는 것임
React에는 두가지 모양으로 Component를 만들수 있음
//클래스형 Component
class App extends Component {
render() {
return <h1>안녕하세요</h1>
}
}
//함수형 Component
function App() {
return <h1>안녕하세요</h1>
}
요즘엔 React Hook 이라는게 나와서 함수형으로 많이사용하나
클래스형으로 개발 된 소스도 많고,
클래스형을 사용 할 때 더 좋을때도 있다.
그래서 두가지 형태를 모두 알아두면 좋다.
반응형
'React' 카테고리의 다른 글
React 프로젝트 npx create-app-react 사용하는 이유 (0) | 2022.06.09 |
---|---|
React 를 설치 해보자. 개발환경 구축 개쉽다 (0) | 2022.06.08 |
React Hook을 아십니까 - state 쓰기 (0) | 2022.02.10 |
React 프로젝트 생성 - Webpack과 Babel (0) | 2022.02.10 |
React 해결책 : Warning: Each child in a list should have a unique "key" prop (0) | 2022.02.07 |