리액트 기초- 8

리액트 기초- 8

(https://academy.nomadcoders.co/courses/enrolled/216871)

(https://www.youtube.com/watch?v=sM2p1EqTlw4&list=PL7jH19IHhOLOFTVD4R8FeZWkwpVi8-9Fv)

노마드 코더 (Nomad Coders) 라는 분의 영상을 보고 배운 것을 정리한것입니다.

---

state가 없는 Component

(props만 존재,

render 없음,

라이프 사이클 없음)

state가 없는 컴포넌트는

function 함수명 (props) { return() }

으로 구성할수있습니다.

props는 {}->JSX 로 받아주면 됩니다.

(this.props.어쩌고 는 쓰지 않습니다. 못써요!

class 안에 있는 this 키워드 이기때문에 function 컴포넌트에서는 사용이 불가능 합니다.

그리고 prop 밖에 없는 멍청한 컴포넌트 (Dump Component) 이니까 필요도 없습니다!)

이렇게 해도 잘 작동합니다!