React props & state

jaemin_0820·2021년 4월 8일
0
  1. Props
  • 상위 컴포넌트가 하위 컴포넌트에게 내려주는 데이터

  • React의 Data flow는 단방향 형식으로 부모에서 자식으로 이동

  • props에 있는 데이터들은 수정이 불가능, 오직 안에 있는 값을 꺼내서 사용(읽기전용)

![]
(https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FWbh59%2Fbtq1qOx1qSN%2FTKkEu9VbFksGhFVUvDKTX1%2Fimg.png)

위의 코드를 보면 element에 Welcome을 담고 있음. Welcome은 부모인 element에 있는 Sara를 props에 담아 내려받고 사용

  1. States

  • 컴포넌트가 독립적으로 갖는 상태 , 객체의 형태로 컴포넌트 안에서만 제어되어 보관 및 관리 됨.

  • state는 class component만 가질 수 있음 , stateful component

  • 함수형 컴포넌트는 stateless component임

  1. Life Cycle 생명주기

Life Cycle은 "컴포넌트가 생성, 업데이트, 삭제 될 때 일어나는 일련의 과정"들이고, 각 단계의 전, 후로 미리 지정되어 있는 특정 생명주기 메소드들이 실행

![]
(https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdn%2FE0l47%2Fbtq1m8dcN8r%2FzSKFaykN9D9xehIF0jpczk%2Fimg.png)

profile
'개' -> '개발' -> '개발자'가 되기 위해 성장하고 있습니다.

관심 있을 만한 포스트

0개의 댓글