component
props
: component의 속성
: 붕어빵 재료
- read only: 값을 변경할 수 없다
- 3가지 props
- {} 중괄호: JS일 때, => 정수, 변수, 문자열 등일 때 사용해야함
JSX를 사용하지 않은 경우
Function component vs. class component
=> react.component에서 상속 받아서 자식 컴포넌트를 만드는 방법
- component이름은 항상 대문자로 시작해야한다!!!
- welcome: 대문자, 컴포넌트로 인식
=> 아니라면 dom 태그로 인식해서 에러남
컴포넌트 합성
- 재사용성 ↑ (잘개 쪼개니까)
- 개발속도 ↑
컴포넌트 추출
1.Avatar 추출
2.UserInfo 추출하기
예시
-
components 만들기
-
props 추가
- 별도의 객체로 분리
