class 스타일 vs function 스타일(props,state)

■props 사용

- props는 원래 function, class 스타일 모두 사용 가능!

- class 스타일

- function 스타일

■state 사용

- class 스타일

- function 스타일(hook 사용)

- hook은 이름이 use로 시작됨(ex useState(0)) 

- 원래는 React.useState(0) 이렇게 사용하지만, 상단에 import 'useState' from 'react'를

하면 useState(0) 이렇게 바로 사용 가능!

- useState는 배열을 반환. [0] -> value, [1] -> setValue 함수

- 간편하게 var [value,setValue] = useState(value); 이렇게 쓰기도 함

■함수형 setState

- class 스타일에서 setState내에 이전 state값과 구분이 필요할 경우

■출처 : 생활코딩 - react <class vs function>