Props, State

Props

여기서

이미지를 추출하겠다~

<Avatar />라는 컴포넌트를 만들고

위로 올라가서 펑션으로 아바타를 만든다
img는 아까 복사한것!
(user로 바꿈)

아까 만든 아바타에

유저=프롭스.유저를 넣는다

UserInfo도 똑같이 하려면?
잘라서 위로 올린다

user로 바꾼다

Props = 컴포넌트에 전달되는 단일 객체
순수 함수처럼 동작 = Props 자체를 수정해서는 안됨
컴포넌트 합성 = 여러 컴포넌트를 모아서
컴포넌트 추출 = 여러곳에서 사용되거나, 복잡한 경우

 

State

클래스와 함수 컴포넌트

클래스형과 함수형 컴포넌트