props vs state
props : 프로퍼티의 줄임말
부모 컴포넌트에서 자식 컴포넌트로만 보낼 수 있음
props 의 값은 바뀔 수 없음
값이 바뀌려면 부모 컴포넌트에서 값을 바꿔서 다시 내려줘야 함
<props
example1={example1}
example2={exapmle2}
/>
state
props처럼 부모 컴포넌트에서 자식 컴포넌트로 값을 내려주는게 아니라
그 자리에서 값을 바꾸고 싶다면 state로 하면 된다.
state 의 data는 바뀔 수 있음
state 의 data가 바뀌면 re-render 됨
state = {
example1:'',
example2='',
};
redux 흐름 (단방향)
action : 상태를 알려준다
{type: '좋아요따봉' , articles: 13}
reducer : 이전 state가 action을 받은 후에 바뀐 상태를 알려준다
{previousState, action} => nextState
- 이전 state와 action object를 받은 후에 nextState를 반환
'JavaScript' 카테고리의 다른 글
JS - 이벤트 루프 (Event Loop) (0) | 2021.12.09 |
---|---|
Node JS의 특성 (0) | 2021.12.09 |
React - react 시작하기 (0) | 2021.12.09 |
JS - this 키워드 (0) | 2021.12.09 |
TS - Tsconfig Schema (0) | 2021.12.09 |